/* TimeKube — the Facebook import dialog (app/js/upload/tk_fb_import.js).
   Every step is a centered modal: the sources sheet's look made central,
   fitting the screen and scrolling inside when taller. */
.tkfb{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;
      background:rgba(8,8,48,.34);animation:aparece .22s ease;
      padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
@keyframes tkfbEntra{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.tkfb-m{position:relative;background:#fff;width:100%;max-width:440px;max-height:100%;border-radius:22px;
        padding:22px 22px 18px;text-align:left;box-shadow:0 24px 60px rgba(8,8,48,.22);
        animation:tkfbEntra .24s cubic-bezier(.2,.8,.3,1);overflow-y:auto;overscroll-behavior:contain;color:var(--w-ink)}
.tkfb-m.ancho{max-width:760px;max-height:min(680px,80%);padding:22px 0 0;display:flex;flex-direction:column;overflow:hidden}
.tkfb-m.medio{max-width:520px;text-align:center;padding:28px 26px 24px;display:flex;flex-direction:column;align-items:center}
.tkfb-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:#f1f3f8;font-size:16px;color:#4a4a6a;z-index:2}
.tkfb-m h3{font-size:17px;font-weight:600;letter-spacing:-.02em;padding-right:44px}
.tkfb-cabx{display:flex;align-items:center;gap:12px;padding-right:44px}
.tkfb-cabx h3{padding:0;flex:1}
.tkfb .tkfb-esq{position:absolute;top:14px;left:14px;width:36px;height:36px;z-index:2}
.tkfb-m h1{margin-top:6px;font-size:clamp(22px,3.2vw,30px)}
.tkfb-m:focus{outline:none}
.tkfb-pasos{display:flex;flex-direction:column;gap:10px;margin:10px 0 16px}
.tkfb-paso{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.45}
.tkfb-paso i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--w-ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:none;margin-top:1px}
.tkfb-paso small{display:block;color:var(--muted);font-size:12.5px}
.tkfb-drop{border:1.8px dashed var(--edge);border-radius:16px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#fafbfd;width:100%;font:inherit;color:var(--w-ink);text-align:center;transition:border-color .15s,background .15s}
.tkfb-drop:hover,.tkfb.over .tkfb-drop{border-color:var(--w-ink);background:#f3f6fc}
.tkfb-drop svg{width:26px;height:26px;stroke:var(--w-ink);margin-bottom:4px}
.tkfb-drop b{font-size:15px;font-weight:600}
.tkfb-drop span{font-size:13px;color:var(--muted)}
.tkfb-o{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:var(--muted);font-size:12.5px}
.tkfb-o::before,.tkfb-o::after{content:"";flex:1;height:1px;background:var(--w-line)}
.tkfb-shot{margin:0;display:flex;flex-direction:column;align-items:center}
.tkfb-shot img{display:block;width:210px;max-width:70%;height:auto;border-radius:12px;border:1px solid var(--w-line);box-shadow:0 10px 26px rgba(8,8,48,.16);transform:rotate(-1.5deg)}
.tkfb-shot figcaption{font-size:12.5px;color:var(--muted);text-align:center;margin-top:10px}
.tkfb-how{margin-top:12px;padding:13px 22px}
.tkfb-err{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#fdf3e3;color:#7a4a10;font-size:13.5px;line-height:1.45}
.tkfb-leyendo{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 0 10px;text-align:center}
.tkfb-rueda{width:34px;height:34px;border-radius:50%;border:3px solid #dfe3ec;border-top-color:var(--w-ink);animation:tkfbR .8s linear infinite}
@keyframes tkfbR{to{transform:rotate(360deg)}}
.tkfb-leyendo b{font-size:16px;font-weight:600}.tkfb-leyendo span{font-size:13px;color:var(--muted)}
.tkfb-cab{display:flex;align-items:center;gap:12px;padding:0 64px 0 22px;margin-bottom:4px}
.tkfb-cab h2{font-size:20px;font-weight:600;letter-spacing:-.02em;flex:1}
.tkfb-cab .cuenta{font-size:13.5px;color:var(--muted);font-weight:500}
.tkfb-res{padding:0 22px;font-size:13.5px;color:var(--muted);margin-bottom:12px}
.tkfb-scroll{overflow-y:auto;min-height:0;flex:1;padding:0 22px;overscroll-behavior:contain}
.tkfb-aviso{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--w-line);border-radius:14px;padding:12px 14px;margin-bottom:10px;font-size:13.5px;line-height:1.45}
.tkfb-aviso i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#fdf3e3;display:grid;place-items:center;flex:none;color:#c98a28;font-weight:700;font-size:13px}
.tkfb-chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 16px}
.tkfb-chip{border:1px solid var(--w-line);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;color:var(--w-ink);white-space:nowrap}
.tkfb-chip.on{background:var(--w-ink);border-color:var(--w-ink);color:#fff}
.tkfb-chip small{opacity:.6;margin-left:4px}
.tkfb-grupo{margin-bottom:20px}
.tkfb-gcab{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.tkfb-gcab h4{font-size:15px;font-weight:600;letter-spacing:-.01em}
.tkfb-gcab .cuando{font-size:12.5px;color:var(--muted)}
.tkfb-gcab .tipo{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#f0eeec;border-radius:99px;padding:2px 7px}
.tkfb-gcab .todos{margin-left:auto;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--w-ink);text-decoration:underline;text-underline-offset:3px}
.tkfb-gtexto{font-size:13px;color:var(--muted);margin:-4px 0 8px;line-height:1.45}
.tkfb .grilla{max-width:none;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
.tkfb .celda{padding:0}
.tkfb .celda.no{cursor:default;opacity:.45}
.tkfb .celda.no .marca{display:none}
.tkfb .celda .vid{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,#2b3566,#1a2044)}
.tkfb .celda .vid svg{width:22px;height:22px;fill:#fff;opacity:.9}
.tkfb .celda .motivo{position:absolute;inset:auto 6px 6px 6px;background:rgba(10,10,26,.72);color:#fff;font-size:10.5px;border-radius:4px;padding:2px 5px;text-align:center}
.tkfb-barra{padding:12px 22px 18px;border-top:1px solid var(--w-line);background:#fff}
.tkfb .scene{--s:clamp(84px,14vh,120px)}
.tkfb .scene.chico{--s:clamp(56px,8vh,76px)}
.tkfb .spin{animation:tkfbGira 14s linear infinite}
@keyframes tkfbGira{from{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}
.tkfb .anillo-n{flex-direction:column}
.tkfb .anillo-n b{font-size:24px;font-weight:600;letter-spacing:-.02em}
.tkfb .anillo-n small{font-size:12px;color:var(--muted);font-weight:400}
.tkfb-acts{display:flex;gap:10px;margin-top:22px;justify-content:center}
.tkfb-acts .btn{width:auto;padding:11px 22px;font-size:14px}
.tkfb-nota{margin-top:14px;font-size:13.5px;color:#7a4a10;background:#fdf3e3;border-radius:12px;padding:10px 14px}
.tkfb .brindis{margin:16px 0 0}
.tkfb-cuentas{width:100%;background:#fff;border:1px solid var(--w-line);border-radius:16px;margin-top:10px;text-align:left;overflow:hidden}
.tkfb-fila{display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:14px}
.tkfb-fila+.tkfb-fila{border-top:1px solid var(--w-line)}
.tkfb-fila .n{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}
.tkfb-fila small{display:block;color:var(--muted);font-size:12.5px}
.tkfb-fila.mal .n{color:#b4541a}
.tkfb-fila button{border:0;background:none;font:inherit;font-size:13px;font-weight:600;text-decoration:underline;color:var(--w-ink);padding:0;margin-top:2px}
.tkfb .actions{margin-top:22px;max-width:340px}
.tkfb-confirm{position:absolute;inset:0;background:rgba(255,255,255,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border-radius:inherit;text-align:center}
.tkfb-confirm b{font-size:17px}.tkfb-confirm p{font-size:14px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.tkfb .spin,.tkfb .halo,.tkfb-rueda{animation:none}}