/* MIBIO_SOCIAL_DISPLAY_V1. Aislado de los estilos del perfil; contraste con/sin blur. */
.ms-chip,.ms-launch{font:600 13px/1.3 Inter,system-ui,sans-serif;cursor:pointer;border:1px solid #ffffffb0;border-radius:99px;padding:11px 17px;color:#172033;background:rgba(250,252,255,.84);box-shadow:0 4px 20px #15294b15,inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:inline-flex;align-items:center;justify-content:center;gap:9px}
.ms-chip-wrap{text-align:center;margin:12px auto 18px;padding:0 12px;position:relative;z-index:2}.ms-dot{width:7px;height:7px;border-radius:50%;background:#5d7bea;box-shadow:0 0 0 4px #8199f31a}.ms-launch{margin:12px 0;width:100%;border-color:#dde2ec;background:#f6f8fc}
.ms-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffffba;border-radius:30px;color:#172033;background:rgba(248,250,255,.93);box-shadow:0 24px 100px #07162b55,inset 0 1px 0 #fff;overflow:auto;overscroll-behavior:contain;font:14px/1.45 Inter,system-ui,sans-serif;backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%);z-index:2147483000}
.ms-dialog::backdrop{background:#11203e55;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.ms-dialog *{box-sizing:border-box}.ms-dialog[open]{animation:ms-arrive .2s ease-out}.ms-top{position:sticky;top:0;background:rgba(248,250,255,.94);backdrop-filter:blur(20px);padding:23px 24px 16px;z-index:2;border-bottom:1px solid #dde3ec80}.ms-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#657387;text-transform:uppercase}.ms-title{font-size:25px;font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:7px 35px 8px 0;color:#172033}.ms-sub{font-size:12px;line-height:1.5;color:#657387;margin:0}.ms-close{position:absolute;right:18px;top:20px;width:32px;height:32px;border:1px solid #dce1e9;border-radius:50%;background:#ffffffb0;color:#334155;cursor:pointer;font:22px/1 system-ui;display:grid;place-items:center}.ms-body{padding:7px 22px 22px}.ms-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #dce3ee90}.ms-row:last-child{border-bottom:0}.ms-avatar{position:relative;width:43px;height:43px;flex:0 0 43px}.ms-avatar>img{width:43px;height:43px;object-fit:cover;border-radius:50%;background:#e9edf7}.ms-avatar .ms-network{position:absolute;width:19px;height:19px;right:-3px;bottom:-2px;object-fit:contain;border:2px solid #fafcff;border-radius:50%;background:#fff}.ms-info{flex:1;min-width:0}.ms-info strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033}.ms-info small{display:block;font-size:11px;color:#657387;overflow-wrap:anywhere}.ms-count{font-weight:700;font-size:16px;letter-spacing:-.03em;color:#172033;white-space:nowrap}.ms-count small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#657387;text-align:right}.ms-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.ms-action{border:0;background:transparent;color:#3659b4;cursor:pointer;padding:0;font:600 11px/1.4 Inter,system-ui;text-decoration:none}.ms-action.ms-danger{color:#a7384d}.ms-switch{appearance:none;-webkit-appearance:none;width:40px;height:24px;border-radius:99px;background:#c6cedb;border:0;position:relative;cursor:pointer;flex:0 0 40px;transition:background .18s;margin:0}.ms-switch:before{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .18s}.ms-switch:checked{background:#3c66d8}.ms-switch:checked:before{transform:translateX(16px)}.ms-switch:disabled{opacity:.45;cursor:default}.ms-dialog :focus-visible,.ms-launch:focus-visible,.ms-chip:focus-visible{outline:3px solid #5c80e9;outline-offset:3px}.ms-footer{padding:14px 22px 20px;position:sticky;bottom:0;background:rgba(248,250,255,.96);border-top:1px solid #dce3ee}.ms-save{width:100%;border:0;border-radius:15px;padding:13px;background:#243a62;color:#fff;font:600 13px/1.3 Inter,system-ui;cursor:pointer}.ms-save:disabled{opacity:.55}.ms-status{font-size:12px;color:#51617a;margin:10px 0 0;min-height:18px}.ms-confirm{padding:24px}.ms-confirm button{margin-top:14px}.ms-confirm .ms-action{display:block;margin:14px auto 0}.ms-row-link{text-decoration:none;color:inherit}.ms-total{font-size:34px;letter-spacing:-.055em;font-weight:700;margin:9px 0 4px}.ms-note{font-size:10px;line-height:1.5;color:#657387;margin:12px 0 0}
@keyframes ms-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ms-dialog[open]{animation:none}.ms-switch,.ms-switch:before{transition:none}}@media(max-width:480px){.ms-dialog{inset:auto 0 10px;max-height:calc(100dvh - 28px);border-radius:28px;padding-bottom:env(safe-area-inset-bottom,0px)}}
.ms-letter{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(140deg,#dfe7fc,#f6e4f1);color:#395482;font-weight:700}.ms-avatar>img{position:absolute;inset:0}.ms-dialog button:disabled{cursor:wait}.ms-dialog{max-height:calc(100vh - 32px)}@supports(height:100dvh){.ms-dialog{max-height:calc(100dvh - 32px)}}
.ms-avatar>img.ms-network{top:auto;left:auto}

/* V2: selección directa, redes desconectadas bloqueadas, textos mínimos. */
.ms-master-title span{display:block;line-height:1.2}.ms-dialog .ms-title{margin-top:0;margin-bottom:0}.ms-dialog .ms-top{padding-top:23px;padding-bottom:20px}.ms-dialog .ms-status:empty{display:none}.ms-dialog .ms-status{margin:0 0 10px}.ms-dialog .ms-switch:disabled{opacity:.3;cursor:not-allowed}.ms-dialog .ms-footer{padding-top:12px}.ms-dialog .ms-row{padding-top:14px;padding-bottom:14px}

/* V3: burbuja compacta y modal público centrado. */
.ms-chip-wrap{margin:8px auto 12px;padding:0 8px}
.ms-chip{min-height:28px;padding:5px 10px;gap:5px;border-radius:99px;font:600 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.015em;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.7);box-shadow:0 2px 9px #14223e12,inset 0 1px 0 #fff8;transition:transform .18s,background .18s}
.ms-chip:active{transform:scale(.96)}.ms-user-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:0 0 13px}
.ms-dialog.ms-public{inset:0;margin:auto;width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border-radius:26px;padding:0;background:rgba(250,252,255,.9);box-shadow:0 28px 100px #0a13283d,inset 0 1px 0 #fff;overflow:auto}
.ms-public .ms-top{position:relative;padding:24px 23px 8px;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.ms-public .ms-title{font-size:22px;line-height:1.2;letter-spacing:-.04em;margin:0 30px 0 0;display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}
.ms-owner-check{width:17px;height:17px;object-fit:contain;flex:0 0 17px}
.ms-public .ms-close{top:21px;right:19px;width:26px;height:26px;font-size:18px;background:#ffffff70;border-color:#dbe1ea99}
.ms-public .ms-body{padding:0 23px 17px}
.ms-total-line{display:flex;align-items:baseline;gap:6px;padding:5px 0 17px;flex-wrap:wrap}
.ms-total-value{font:650 34px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#1c2e48}
.ms-total-label{font-size:10px;line-height:1.2;font-weight:400;color:#7b8595;white-space:nowrap}
.ms-public .ms-public-row{padding:12px 0;gap:11px;color:inherit;text-decoration:none;border-color:#dce3ec80;border-radius:3px}
.ms-public-row[href]{cursor:pointer;transition:background .18s}.ms-public-row[href]:hover{background:#eef2fa80}
.ms-public .ms-info strong{font-size:12px;font-weight:600;line-height:1.4}.ms-public .ms-info small{font-size:10px;line-height:1.4;margin-top:1px}
.ms-public .ms-count{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.ms-public .ms-avatar,.ms-public .ms-letter,.ms-public .ms-avatar>img:not(.ms-network){width:35px;height:35px}.ms-public .ms-avatar{flex-basis:35px}.ms-public .ms-letter{font-size:12px}.ms-public .ms-avatar>img.ms-network{width:15px;height:15px;right:-2px;bottom:-1px}
.ms-dialog.ms-public[open]{animation:ms-public-in .38s cubic-bezier(.16,1,.3,1) both}
.ms-public[open]::backdrop{animation:ms-backdrop-in .28s ease both}
.ms-public[open] .ms-public-row{animation:ms-row-in .38s ease both;animation-delay:var(--ms-delay,0ms)}
.ms-dialog.ms-public.ms-leaving{animation:ms-public-out .22s ease both;pointer-events:none}
.ms-public.ms-leaving::backdrop{animation:ms-backdrop-out .22s ease both}
@keyframes ms-public-in{from{opacity:0;transform:translateY(12px) scale(.94);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes ms-public-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(7px) scale(.96)}}
@keyframes ms-row-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ms-backdrop-in{from{background:#11203e00;backdrop-filter:blur(0)}to{background:#11203e55;backdrop-filter:blur(7px)}}
@keyframes ms-backdrop-out{from{background:#11203e55;backdrop-filter:blur(7px)}to{background:#11203e00;backdrop-filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.ms-dialog.ms-public[open],.ms-public[open]::backdrop,.ms-public[open] .ms-public-row{animation:none}.ms-chip{transition:none}}

/* V4: blanco sólido y detalles públicos compactos. */
.ms-dialog.ms-public{background:#fff;outline:none}
.ms-public .ms-top,.ms-public .ms-body{background:#fff}
.ms-public .ms-public-row,.ms-public .ms-public-row:hover,.ms-public .ms-public-row:active,.ms-public .ms-public-row:focus{background:transparent;-webkit-tap-highlight-color:transparent}
.ms-public .ms-public-row:focus-visible{outline:1px solid #7f8792;outline-offset:3px}
.ms-public .ms-total-label{font-weight:400!important}
.ms-public .ms-close{border:0;box-shadow:none;outline:none;-webkit-tap-highlight-color:transparent}
.ms-public .ms-close:focus-visible{outline:1px solid #7f8792;outline-offset:3px}
.ms-public .ms-title{align-items:center}
.ms-public .ms-owner-check{width:14px;height:14px;flex:0 0 14px;align-self:center;vertical-align:middle;transform:translateY(1px)}
.ms-public .ms-source-note{margin:12px 0 0;text-align:left;font-size:8px;line-height:1.45;font-weight:400;color:#8a929d}
.ms-public .ms-total-value{font-size:clamp(26px,8vw,34px)}

.ms-public .ms-public-row{border-bottom-color:rgba(220,227,236,.3)}
.ms-dialog.ms-public .ms-total-label{font-family:Arial,sans-serif!important;font-weight:400!important;font-synthesis:none}
@media(prefers-reduced-motion:reduce){.ms-chip-arrive{animation:none}.ms-chip-wait{opacity:1;visibility:visible;transform:none}}

/* R8: fila de seguidores bajo identidad, sin cápsula; no depende de navegación/bio. */
.ms-slot{width:100%;flex:0 0 auto;position:relative;z-index:2}
.ms-identity-slot:empty{display:none}
.ms-identity-slot.ms-has-chip{min-height:0;margin:0 auto;line-height:1}
.ms-identity-slot .ms-chip-wrap{margin:0;padding:0;min-height:0;text-align:center;color:inherit;display:flex;align-items:center;justify-content:center;line-height:0}
.ms-identity-slot .ms-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:14px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:inherit;font:400 11px/14px Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;text-shadow:none}
.ms-identity-slot .ms-chip:hover,.ms-identity-slot .ms-chip:active{background:transparent;box-shadow:none}
.ms-identity-slot .ms-chip:focus-visible{outline:1px solid currentColor;outline-offset:3px;border-radius:3px}
.ms-identity-slot .ms-user-icon{width:12px;height:12px;flex:0 0 12px;stroke:currentColor}
.ms-inline-count{font-weight:500;font-variant-numeric:tabular-nums}
.ms-zoom-wait{opacity:0;transform:scale(.65);transform-origin:center}
.ms-zoom-arrive{animation:ms-identity-zoom .65s cubic-bezier(.16,1,.3,1) both;transform-origin:center}
@keyframes ms-identity-zoom{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ms-zoom-arrive{animation:none}.ms-zoom-wait{opacity:1;transform:none}}

/* R10: la fila reemplaza a la antigua categoría en cada estilo.
   Los datos históricos no se borran; ya no hay editor ni texto de categoría. */
.ms-category-position.ms-has-chip{margin:-2px auto 0}
:is(body,#live-preview)[data-style="card"] .ms-category-position.ms-has-chip{margin:16px auto 0}
:is(body,#live-preview)[data-style="hero_full"] .ms-category-position.ms-has-chip{margin:0 auto 8px}
