/* Prévia de post estilo feed — usada no painel e na página da cliente */
.ig{--ig-bg:#ffffff;--ig-fg:#0f1419;--ig-muted:#737373;--ig-line:#dbdbdb;--ig-like:#ff3040;--ig-link:#00376b;
  background:var(--ig-bg);color:var(--ig-fg);border:1px solid var(--ig-line);border-radius:10px;overflow:hidden;
  font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;width:100%;max-width:470px;margin:0 auto;text-align:left}
.ig.dark{--ig-bg:#000;--ig-fg:#f5f5f5;--ig-muted:#a8a8a8;--ig-line:#262626;--ig-link:#e0f1ff}
.ig *{box-sizing:border-box}
.ig-head{display:flex;align-items:center;gap:10px;padding:10px 12px}
.ig-av{width:34px;height:34px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);flex:none}
.ig-av>span{display:block;width:100%;height:100%;border-radius:50%;border:2px solid var(--ig-bg);background:#ddd center/cover no-repeat;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ig-user{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1}
.ig-user b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-user small{font-size:12px;color:var(--ig-muted)}
.ig-dots3{margin-left:auto;display:flex;gap:3px;padding:6px}
.ig-dots3 i{width:3px;height:3px;border-radius:50%;background:var(--ig-fg)}
.ig-media{position:relative;background:#000;aspect-ratio:4/5;overflow:hidden}
.ig-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.ig-track::-webkit-scrollbar{display:none}
.ig-track{position:absolute;inset:0}
.ig-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;background:#111}
.ig-slide img,.ig-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.ig-slide img{transition:opacity .25s}
.ig-slide.loading img{opacity:0}
.ig-slide.loading::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#151515 30%,#262626 50%,#151515 70%);background-size:200% 100%;animation:igShim 1.2s linear infinite}
.ig-slide.loading::before{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:igSpin .8s linear infinite;z-index:1}
@keyframes igShim{to{background-position:-200% 0}}
@keyframes igSpin{to{transform:rotate(360deg)}}
.ig-count{position:absolute;top:12px;right:12px;background:rgba(18,18,18,.7);color:#fff;font-size:12px;font-weight:600;border-radius:12px;padding:3px 8px;pointer-events:none}
.ig-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#262626;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25);padding:0}
.ig-nav svg{width:14px;height:14px}
.ig-nav.prev{left:10px}.ig-nav.next{right:10px}
.ig-nav[hidden]{display:none}
.ig-empty{color:#aaa;font-size:13px;padding:20px;text-align:center}
.ig-heart-pop{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;pointer-events:none;opacity:0;color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.ig-heart-pop.go{animation:igPop .8s ease-out}
@keyframes igPop{0%{opacity:0;transform:scale(.3)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(.95)}70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
.ig-actions{display:flex;align-items:center;gap:14px;padding:8px 12px 4px;position:relative}
.ig-actions button{background:none;border:0;padding:2px;color:var(--ig-fg);cursor:pointer;display:flex}
.ig-actions svg{width:24px;height:24px}
.ig-actions .liked{color:var(--ig-like)}
.ig-actions .liked svg{animation:igBeat .35s ease}
@keyframes igBeat{50%{transform:scale(1.2)}}
.ig-bullets{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:4px}
.ig-bullets i{width:6px;height:6px;border-radius:50%;background:var(--ig-line)}
.ig-bullets i.on{background:#0095f6}
.ig-save{margin-left:auto}
.ig-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:4px}
.ig-likes{font-weight:600}
.ig-cap{white-space:pre-wrap;overflow-wrap:anywhere}
.ig-cap.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ig-more{color:var(--ig-muted);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.ig-muted{color:var(--ig-muted)}
.ig-com{display:flex;gap:6px;align-items:flex-start}
.ig-com span{flex:1;overflow-wrap:anywhere}
.ig-com svg{width:12px;height:12px;flex:none;margin-top:3px;color:var(--ig-muted)}
.ig-time{font-size:11px;color:var(--ig-muted);letter-spacing:.02em;text-transform:uppercase;margin-top:2px}
@media (prefers-reduced-motion:reduce){.ig-track{scroll-behavior:auto}.ig-heart-pop.go,.ig-actions .liked svg{animation:none}}

/* Reels */
.reel{position:relative;width:100%;max-width:340px;aspect-ratio:9/16;margin:0 auto;border-radius:18px;overflow:hidden;background:#000;color:#fff;font:14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.4);text-align:left}
.reel *{box-sizing:border-box}
.reel-media{position:absolute;inset:0}
.reel-media video{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.reel-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px;background:repeating-linear-gradient(135deg,#111 0 12px,#161616 12px 24px)}
.reel-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 18%,transparent 55%,rgba(0,0,0,.65))}
.reel-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.reel-top b{font-size:19px;font-weight:700;letter-spacing:.01em}
.reel-snd{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:14px;cursor:pointer}
.reel-side{position:absolute;right:8px;bottom:78px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:2}
.reel-act{background:none;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:0;font:600 12px/1 -apple-system,Segoe UI,Roboto,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.reel-act svg{width:27px;height:27px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.reel-act.liked{color:#ff3040}
.reel-act.liked span{color:#fff}
.reel-dots{display:flex;gap:3px;padding:4px 0}
.reel-dots i{width:4px;height:4px;border-radius:50%;background:#fff}
.reel-disc{width:28px;height:28px;border-radius:7px;border:2px solid #fff;background:#333 center/cover}
.reel-bot{position:absolute;left:12px;right:56px;bottom:14px;display:flex;flex-direction:column;gap:6px;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.reel-who{display:flex;align-items:center;gap:8px}
.reel-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#7c8cff,#b36bff) center/cover;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.reel-who b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-follow{border:1px solid rgba(255,255,255,.8);border-radius:8px;padding:2px 9px;font-size:12px;font-weight:600;flex:none}
.reel-cap{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;max-height:9em;overflow:auto}
.reel-cap.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reel-aud{font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-sheet{position:absolute;inset:0;z-index:5;background:rgba(0,0,0,.35);display:flex;align-items:flex-end}
.reel-sheet[hidden]{display:none}
.reel-sheet-in{width:100%;max-height:70%;overflow:auto;background:#1c1c1e;border-radius:16px 16px 0 0;padding:14px;display:flex;flex-direction:column;gap:10px;color:#f5f5f5;text-shadow:none}
.reel-sheet-in>b{text-align:center}
.reel-com{display:flex;gap:10px;font-size:13px}
.reel-cav{width:28px;height:28px;border-radius:50%;background:#444;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none}
.reel-muted{color:#999;font-size:13px;text-align:center}
.reel-close{align-self:center;border:0;background:#333;color:#fff;border-radius:999px;padding:6px 16px;font-weight:600;cursor:pointer}