/* kapi-estados.css — pantalla "Estados" (Fase 1). Mismo sistema .modal-backdrop/.visible que Reel. */
.kapi-estados-screen{width:100%;height:100vh;height:100dvh;max-height:100dvh;background:#000;flex-direction:column;padding:0}
.kapi-estados-screen.visible{display:flex}
.kest-home{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}
.kapi-estados-screen.composing .kest-home{display:none}
.kest-compose{display:none;flex-direction:column;flex:1;min-height:0;width:100%;background:#0b0b0e;color:#fff}
.kapi-estados-screen.composing .kest-compose{display:flex}

.kest-topbar{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 14px 12px;flex-shrink:0}
.kest-topbar .material-icons{color:#fff;font-size:26px;cursor:pointer}
.kest-tabs{display:flex;gap:14px}
.kest-tab{background:none;border:none;color:rgba(255,255,255,.55);font-size:14px;font-weight:500;padding:4px 0;cursor:pointer}
.kest-tab.active{color:#fff;border-bottom:2px solid #fff}

.kest-feed{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;display:flex;flex-direction:column}
.kest-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:40px 24px}
.kest-empty .material-icons{font-size:48px;color:rgba(255,255,255,.25);margin-bottom:6px}
.kest-empty p{color:rgba(255,255,255,.75);font-size:15px;margin:0}
.kest-empty span{color:rgba(255,255,255,.45);font-size:13px}

/* Cada publicación = una parada a pantalla completa (scroll vertical) */
.kest-card{position:relative;width:100%;height:100%;min-height:100%;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden}
.kest-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.kest-media img{max-width:100%;max-height:100%;object-fit:contain}
.kest-media-text{padding:32px}
.kest-text{color:#fff;font-size:24px;font-weight:600;text-align:center;line-height:1.35;word-break:break-word;max-height:100%;overflow:hidden}
.kest-cap{position:absolute;left:0;right:0;bottom:0;padding:48px 18px calc(78px + env(safe-area-inset-bottom));color:#fff;font-size:15px;background:linear-gradient(transparent,rgba(0,0,0,.65));word-break:break-word}
.kest-top{position:absolute;top:6px;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:2}
.kest-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}
.kest-avatar-fb{display:flex;align-items:center;justify-content:center;background:#3a3a44;color:#fff;font-size:12px;font-weight:600}
.kest-who{display:flex;flex-direction:column;min-width:0;flex:1;color:#fff}
.kest-who b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kest-who small{font-size:11px;color:rgba(255,255,255,.7)}
.kest-pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;flex-shrink:0}
.kest-pill-seguidor{background:#e9f1ff;color:#2461c7}
.kest-pill-contacto{background:#e6f8ef;color:#1f8a53}
.kest-pill-sc{background:#fff0e6;color:#c05a1f}
.kest-pill-publico{background:rgba(255,255,255,.18);color:#fff}
.kest-pill-yo{background:#f1edff;color:#5b3fd9}
.kest-plus{background:rgba(255,255,255,.2);color:#fff;border:none;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;cursor:pointer;flex-shrink:0}
.kest-follow{background:#fff;color:#111;border:none;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;flex-shrink:0}
.kest-follow.on{background:rgba(255,255,255,.2);color:#fff}
.kest-expiry{margin-left:auto;font-size:12px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.45);padding:5px 11px;border-radius:999px}

/* Fase 2: barra inferior (responder + reacciones) y estadísticas del dueño */
.kest-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 12px max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.6))}
.kest-reply{flex:1;min-width:0;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:9px 14px;font-size:14px;outline:none;font-family:inherit}
.kest-reply::placeholder{color:rgba(255,255,255,.6)}
.kest-send{background:none;border:none;color:#fff;padding:4px;cursor:pointer;display:flex}
.kest-send .material-icons{font-size:22px}
.kest-rbtn{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.kest-rbtn.on{background:rgba(124,92,255,.6)}
.kest-rmore{font-size:22px;font-weight:600}
.kest-pop{display:none;position:absolute;right:10px;bottom:100%;margin-bottom:4px;background:rgba(28,28,34,.97);border-radius:999px;padding:6px 8px;gap:2px}
.kest-pop.open{display:flex}
.kest-pop button{background:none;border:none;font-size:26px;line-height:1;padding:4px;cursor:pointer}
.kest-stats{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.5);border:none;color:#fff;border-radius:999px;padding:7px 12px;font-size:13px;cursor:pointer}
.kest-stats .material-icons{font-size:18px}
.kest-row-static{cursor:default}
.kest-row-emoji{margin-left:auto;font-size:22px}
.kest-mini-round{border-radius:50%}

/* Mini-lista "+N" */
.kest-sheet-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;align-items:flex-end;z-index:5}
.kest-sheet-bg.open{display:flex}
.kest-sheet{width:100%;max-height:60%;overflow-y:auto;background:#1b1b21;border-radius:16px 16px 0 0;padding:14px 14px max(18px,env(safe-area-inset-bottom));color:#fff}
.kest-sheet-title{font-size:15px;font-weight:600;margin-bottom:10px}
.kest-sheet-loading{color:rgba(255,255,255,.6);font-size:13px}
.kest-row{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:#fff;text-align:left;padding:8px 0;cursor:pointer}
.kest-mini{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}
.kest-mini-text{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.kest-row-t{display:flex;flex-direction:column;min-width:0}
.kest-row-t b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kest-row-t small{font-size:12px;color:rgba(255,255,255,.55)}

/* Publicar */
.kest-compose-top{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 14px 10px;font-size:16px;font-weight:600}
.kest-compose-top .material-icons{font-size:26px;cursor:pointer}
.kest-publish{background:#7c5cff;color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer}
.kest-publish:disabled{opacity:.6}
.kest-modes{display:flex;gap:10px;padding:0 14px 12px}
.kest-mode{display:flex;align-items:center;gap:6px;background:#1b1b21;color:rgba(255,255,255,.7);border:1px solid #2c2c34;border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}
.kest-mode .material-icons{font-size:18px}
.kest-mode.active{background:#2a2340;color:#fff;border-color:#7c5cff}
.kest-compose-body{flex:1;min-height:0;overflow-y:auto;padding:0 14px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.kest-preview{position:relative;flex:1;min-height:260px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kest-preview textarea{width:100%;height:100%;min-height:240px;background:transparent;border:none;outline:none;resize:none;color:#fff;font-size:24px;font-weight:600;text-align:center;padding:24px;font-family:inherit}
.kest-preview textarea::placeholder{color:rgba(255,255,255,.55)}
.kest-preview img{max-width:100%;max-height:100%;object-fit:contain}
.kest-pick{display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.6);cursor:pointer}
.kest-pick .material-icons{font-size:44px}
.kest-colors{display:flex;gap:10px;justify-content:center}
.kest-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer}
.kest-swatch.active{border-color:#fff}
.kest-caption-input{background:#1b1b21;border:1px solid #2c2c34;border-radius:12px;color:#fff;padding:12px 14px;font-size:14px;outline:none}
.kest-hint{text-align:center;font-size:12px;color:rgba(255,255,255,.5)}

.kest-toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:rgba(20,20,20,.92);color:#fff;font-size:13px;padding:10px 18px;border-radius:20px;z-index:999999;box-shadow:0 4px 16px rgba(0,0,0,.4);pointer-events:none}

/* Ocultar la barra inferior mientras Estados está abierto (igual que Reel) */
html.kapi-native-app body:has(.kapi-estados-screen.visible) .kapi-bottom-bar{display:none !important}