:root{
  --bg:#070a16;--bg2:#0d1230;--surface:#111936;--surface2:#18214a;--line:rgba(148,163,184,.18);
  --text:#f8fafc;--muted:#aeb9d8;--brand:#6ee7ff;--brand2:#7c3aed;--blue:#3b82f6;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b;
  --shadow:0 18px 60px rgba(0,0,0,.35);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 35%),radial-gradient(circle at top right,rgba(124,58,237,.18),transparent 34%),linear-gradient(180deg,#070a16,#0b1026 55%,#070a16);color:var(--text);min-height:100vh}.container{width:min(1180px,100%);margin:auto;padding:28px 18px}.nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px clamp(16px,4vw,42px);background:rgba(9,13,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:900;letter-spacing:-.5px;color:var(--brand)}.brand:before{content:'▶';display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--brand2));color:#fff;font-size:15px}.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}a{color:#93c5fd}.btn,a.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--blue),#2563eb);color:#fff;padding:12px 16px;border-radius:14px;text-decoration:none;border:0;cursor:pointer;font-weight:800;box-shadow:0 10px 24px rgba(37,99,235,.24);transition:.18s ease;line-height:1}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.alt{background:rgba(255,255,255,.08);box-shadow:none;border:1px solid var(--line)}.btn.green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 24px rgba(34,197,94,.18)}.btn.danger{background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 10px 24px rgba(239,68,68,.18)}.btn.small{padding:8px 10px;border-radius:10px;font-size:13px}.btn.big-btn{font-size:18px;padding:16px 22px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:22px;align-items:stretch;margin:10px 0 28px}.hero-card{padding:34px;border-radius:30px;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(124,58,237,.18)),rgba(17,25,54,.8);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:after{content:'';position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(110,231,255,.12);filter:blur(6px)}h1{font-size:clamp(32px,5vw,58px);letter-spacing:-1.6px;margin:0 0 12px;line-height:1.05}h2{font-size:clamp(22px,3vw,32px);letter-spacing:-.7px;margin:0 0 12px}h3{font-size:20px;margin:0 0 10px}p{color:var(--muted);line-height:1.55}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.card{background:linear-gradient(180deg,rgba(24,33,74,.88),rgba(13,18,48,.9));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 35px rgba(0,0,0,.22)}.card.glow,.highlight-live{border-color:rgba(34,197,94,.38);box-shadow:0 0 0 1px rgba(34,197,94,.08),0 20px 60px rgba(0,0,0,.32)}.teacher-card{display:flex;flex-direction:column;min-height:260px}.teacher-avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--brand2));display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:12px}.teacher-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.pill{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(59,130,246,.14);border:1px solid rgba(147,197,253,.18);color:#bfdbfe;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.pill.live,.pill.green{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.28);color:#bbf7d0}.pill.wait{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.28);color:#fde68a}.pill.off{background:rgba(148,163,184,.12);border-color:var(--line);color:#cbd5e1}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.stat strong,.timer{display:block;font-size:30px;line-height:1;font-weight:950;color:#fff;margin-top:8px}.timer{color:#7dd3fc}.menu-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0 24px}.mini-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;color:#fff;font-weight:900;transition:.18s}.mini-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.green-card{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}input,select,textarea{width:100%;padding:14px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:rgba(3,7,18,.45);color:#fff;margin:7px 0 14px;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.12)}textarea{min-height:110px;resize:vertical}label{font-weight:900;display:block;margin-top:8px}.table{width:100%;border-collapse:collapse;overflow:hidden}.table th{color:#c7d2fe;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.table td,.table th{padding:13px;border-bottom:1px solid var(--line);text-align:left}.table tr:hover td{background:rgba(255,255,255,.03)}.alert{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);border-radius:16px;padding:14px;margin:14px 0;color:#dbeafe}.alert.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28);color:#bbf7d0}.danger,.danger-box{color:#fecaca}.danger-box{border-color:rgba(239,68,68,.38);background:rgba(127,29,29,.18)}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:24px;overflow:hidden;border:1px solid var(--line);margin:16px 0;box-shadow:var(--shadow)}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-placeholder{height:100%;display:grid;place-items:center;text-align:center;padding:28px;background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(124,58,237,.18))}.chat{height:430px;overflow:auto;background:rgba(3,7,18,.35);border:1px solid var(--line);border-radius:18px;padding:12px;scroll-behavior:smooth}.msg{padding:10px 8px;border-bottom:1px solid rgba(148,163,184,.12);color:#e5e7eb}.msg b{color:#93c5fd}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.chat-form #guestNameWrap,.chat-form #guestNameSaved{grid-column:1/-1}.chat-form input{margin:0}.live-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.copy-box{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.footer{padding:28px 18px;text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:32px}.auth-wrap{min-height:calc(100vh - 90px);display:grid;place-items:center}.auth-card{width:min(480px,100%)}.steps{display:grid;gap:10px}.step{display:flex;gap:12px;align-items:flex-start}.step span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:rgba(59,130,246,.18);font-weight:900;color:#bfdbfe;flex:none}.price-chip{font-size:15px;padding:10px 12px;border-radius:14px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.22);color:#dbeafe;font-weight:900}@media(max-width:860px){.hero,.grid-2,.live-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.nav{align-items:flex-start}.brand{font-size:22px}.nav-actions{justify-content:flex-end}.chat-form{grid-template-columns:1fr}.container{padding:22px 14px}h1{font-size:34px}.card,.hero-card{border-radius:20px;padding:18px}.video-wrap{border-radius:18px}.chat{height:360px}.copy-box{grid-template-columns:1fr}.table{font-size:13px}.table-wrap{overflow:auto}}@media(max-width:480px){.btn,a.btn{width:auto;padding:11px 13px}.nav .btn{padding:11px 13px}.hero-card{padding:22px}.teacher-actions .btn{width:100%}}

/* Atualização: live em formato retrato no celular */
@media(max-width:640px){
  .live-grid{grid-template-columns:1fr;}
  .video-wrap{
    aspect-ratio:9/16;
    width:100%;
    max-height:78vh;
    min-height:520px;
    border-radius:22px;
  }
  #jitsiContainer{height:100% !important;}
  .chat{height:330px;}
  .chat-form{grid-template-columns:1fr;}
}
@media(max-width:420px){
  .video-wrap{min-height:480px;max-height:75vh;}
}

/* Live estilo Instagram/TikTok: chat flutuando sobre o vídeo no celular */
.live-float-top,.live-float-actions{display:none}
.live-dot{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(239,68,68,.86);color:#fff;font-size:12px;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.live-time{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);color:#fff;font-weight:900}

@media(max-width:640px){
  .instagram-live-page{width:100%;padding:0;margin:0;}
  .instagram-live-page .pill:not(.live-dot),
  .instagram-live-page > .card,
  .instagram-live-page .muted:not(#guestNameSaved),
  .instagram-live-page .live-grid > div:first-child > p,
  .instagram-live-page .live-grid > div:first-child > h1,
  .instagram-live-page .live-grid > div:first-child > p + p,
  .instagram-live-page .live-grid > div:first-child > a.btn,
  .instagram-live-page .live-grid > div:first-child > .btn{ }

  .instagram-live-grid{display:block;position:relative;gap:0;}
  .instagram-video.video-wrap{
    position:fixed;
    inset:58px 0 0 0;
    width:100vw;
    height:calc(100vh - 58px);
    min-height:0;
    max-height:none;
    aspect-ratio:auto;
    margin:0;
    border:0;
    border-radius:0;
    z-index:70;
    background:#000;
  }
  .instagram-video #jitsiContainer{height:100% !important;}
  .live-float-top{display:flex;position:absolute;top:14px;left:12px;right:12px;z-index:90;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.65)}
  .live-float-top strong{display:block;margin-top:8px;font-size:15px;max-width:58vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .live-float-actions{display:block;position:absolute;right:12px;bottom:84px;z-index:92;}

  .instagram-chat-panel{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:95;
    background:transparent;
    border:0;
    box-shadow:none;
    padding:0;
    pointer-events:none;
  }
  .instagram-chat-panel h2,
  .instagram-chat-panel > .muted,
  .instagram-chat-panel #guestNameSaved{display:none !important;}
  .instagram-chat-panel .chat{
    height:210px;
    max-height:28vh;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.28));
    border:0;
    border-radius:0;
    padding:0 0 10px;
    pointer-events:none;
    overflow-y:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }
  .instagram-chat-panel .msg{
    width:max-content;
    max-width:86%;
    margin:4px 0;
    padding:8px 10px;
    border:0;
    border-radius:16px;
    background:rgba(0,0,0,.38);
    backdrop-filter:blur(8px);
    color:#fff;
    font-size:13px;
    line-height:1.3;
    text-shadow:0 1px 3px rgba(0,0,0,.45);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
  }
  .instagram-chat-panel .msg b{color:#bfdbfe;}
  .instagram-chat-panel .chat-form{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    margin-top:6px;
    padding:8px;
    border-radius:999px;
    background:rgba(0,0,0,.42);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.16);
    pointer-events:auto;
  }
  .instagram-chat-panel .chat-form input[name="message"]{
    height:42px;
    margin:0;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.14);
    padding:0 14px;
  }
  .instagram-chat-panel .chat-form button.btn{
    height:42px;
    border-radius:999px;
    padding:0 14px;
  }
  body:has(.instagram-live-page){overflow:hidden;}
}


/* ===== PhotoLive Instagram Live v2 - ajuste forte para celular ===== */
@media(max-width:760px){
  body{background:#000 !important;}
  .footer{display:none !important;}
  .nav{height:58px;min-height:58px;padding:10px 12px;z-index:300;background:rgba(0,0,0,.72) !important;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav .brand{font-size:20px}.nav .brand:before{width:28px;height:28px;border-radius:10px;font-size:12px}.nav-actions{gap:6px}.nav .btn{padding:9px 10px;font-size:12px;border-radius:999px}
  .instagram-live-page{position:fixed !important;left:0;right:0;top:58px;bottom:0;width:100vw !important;height:calc(100vh - 58px) !important;padding:0 !important;margin:0 !important;overflow:hidden !important;background:#000;z-index:60;}
  .instagram-live-grid{position:absolute !important;inset:0 !important;display:block !important;margin:0 !important;padding:0 !important;}
  .instagram-live-grid > div:first-child{position:absolute !important;inset:0 !important;margin:0 !important;padding:0 !important;}
  .instagram-live-grid > div:first-child > :not(.instagram-video):not(.card){display:none !important;}
  .instagram-live-grid > div:first-child > .card:not(.video-placeholder-card){position:absolute;left:12px;right:12px;top:74px;z-index:95;background:rgba(0,0,0,.68);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#fff;}
  .instagram-video.video-wrap{position:absolute !important;inset:0 !important;width:100vw !important;height:calc(100vh - 58px) !important;min-height:0 !important;max-height:none !important;aspect-ratio:auto !important;margin:0 !important;border:0 !important;border-radius:0 !important;z-index:70 !important;box-shadow:none !important;}
  .instagram-video.video-wrap:after{content:'';position:absolute;left:0;right:0;top:0;height:180px;background:linear-gradient(180deg,rgba(0,0,0,.70),transparent);pointer-events:none;z-index:80;}
  .instagram-video.video-wrap:before{content:'';position:absolute;left:0;right:0;bottom:0;height:250px;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);pointer-events:none;z-index:80;}
  #jitsiContainer,.instagram-video #jitsiContainer{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;background:#000 !important;}
  #jitsiContainer iframe{width:100% !important;height:100% !important;position:absolute !important;inset:0 !important;object-fit:cover !important;}
  .live-float-top{display:flex !important;position:absolute !important;top:14px !important;left:12px !important;right:12px !important;z-index:120 !important;align-items:flex-start !important;justify-content:space-between !important;color:#fff !important;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.8)}
  .live-float-actions{display:block !important;position:absolute !important;right:12px !important;bottom:178px !important;z-index:125 !important;}
  .live-float-actions .btn{width:auto !important;border-radius:999px !important;padding:11px 13px !important;font-size:12px !important;box-shadow:0 12px 34px rgba(0,0,0,.36) !important;}
  .instagram-chat-panel{position:absolute !important;left:10px !important;right:10px !important;bottom:calc(10px + env(safe-area-inset-bottom)) !important;z-index:130 !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;pointer-events:none !important;}
  .instagram-chat-panel h2,.instagram-chat-panel > .muted,.instagram-chat-panel #guestNameSaved{display:none !important;}
  .instagram-chat-panel .chat{height:155px !important;max-height:24vh !important;overflow:hidden !important;background:transparent !important;border:0 !important;padding:0 0 8px !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;pointer-events:none !important;}
  .instagram-chat-panel .msg{display:block !important;width:max-content !important;max-width:82vw !important;margin:3px 0 !important;padding:7px 10px !important;border:0 !important;border-radius:18px !important;background:rgba(0,0,0,.42) !important;color:#fff !important;font-size:13px !important;line-height:1.28 !important;backdrop-filter:blur(9px) !important;text-shadow:0 1px 3px rgba(0,0,0,.6) !important;box-shadow:0 6px 20px rgba(0,0,0,.2) !important;}
  .instagram-chat-panel .msg b{color:#93c5fd !important;}
  .instagram-chat-panel .chat-form{display:grid !important;grid-template-columns:1fr 48px !important;gap:8px !important;margin:0 !important;padding:8px !important;border-radius:999px !important;background:rgba(0,0,0,.50) !important;backdrop-filter:blur(16px) !important;border:1px solid rgba(255,255,255,.16) !important;pointer-events:auto !important;}
  .instagram-chat-panel .chat-form input[name="message"]{height:42px !important;margin:0 !important;border-radius:999px !important;background:rgba(255,255,255,.14) !important;color:#fff !important;border:1px solid rgba(255,255,255,.12) !important;padding:0 14px !important;font-size:14px !important;}
  .instagram-chat-panel .chat-form input[name="message"]::placeholder{color:rgba(255,255,255,.72) !important;}
  .instagram-chat-panel .chat-form button.btn{width:42px !important;height:42px !important;border-radius:50% !important;padding:0 !important;font-size:0 !important;}
  .instagram-chat-panel .chat-form button.btn:after{content:'➤';font-size:17px;line-height:1;}
}


/* ===== PhotoLive Instagram Live v3 revisado =====
   Mobile de verdade: vídeo tela cheia, chat sobreposto, sem duas colunas.
*/
@media (max-width: 760px){
  body.photolive-live-body{background:#000 !important;overflow:hidden !important;overscroll-behavior:none;}
  body.photolive-live-body .nav,
  body.photolive-live-body .footer{display:none !important;}

  body.photolive-live-body .instagram-live-page{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    max-width:none !important;
    overflow:hidden !important;
    background:#000 !important;
    z-index:999 !important;
  }

  body.photolive-live-body .instagram-live-grid{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    height:100% !important;
  }

  body.photolive-live-body .instagram-live-grid > div:first-child{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.photolive-live-body .instagram-live-grid > div:first-child > :not(.instagram-video):not(.card){
    display:none !important;
  }

  body.photolive-live-body .instagram-video.video-wrap{
    position:absolute !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#000 !important;
    z-index:1 !important;
  }

  body.photolive-live-body .instagram-video.video-wrap::after{
    content:'';
    position:absolute;
    left:0;right:0;top:0;
    height:170px;
    background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.22),transparent);
    pointer-events:none;
    z-index:3;
  }

  body.photolive-live-body .instagram-video.video-wrap::before{
    content:'';
    position:absolute;
    left:0;right:0;bottom:0;
    height:310px;
    background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.40),transparent);
    pointer-events:none;
    z-index:3;
  }

  body.photolive-live-body #jitsiContainer,
  body.photolive-live-body #jitsiContainer iframe{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border:0 !important;
    background:#000 !important;
  }

  body.photolive-live-body .live-float-top{
    display:flex !important;
    position:absolute !important;
    top:calc(12px + env(safe-area-inset-top)) !important;
    left:12px !important;
    right:12px !important;
    z-index:20 !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    pointer-events:none !important;
    color:#fff !important;
    text-shadow:0 2px 12px rgba(0,0,0,.85) !important;
  }

  body.photolive-live-body .live-float-top strong{
    display:block !important;
    margin-top:8px !important;
    max-width:60vw !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:15px !important;
  }

  body.photolive-live-body .live-dot{
    display:inline-flex !important;
    align-items:center !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:rgba(239,68,68,.92) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
  }

  body.photolive-live-body .live-time{
    display:inline-flex !important;
    align-items:center !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.52) !important;
    color:#fff !important;
    font-weight:900 !important;
    backdrop-filter:blur(10px) !important;
  }

  body.photolive-live-body .live-float-actions{
    display:block !important;
    position:absolute !important;
    right:12px !important;
    bottom:calc(176px + env(safe-area-inset-bottom)) !important;
    z-index:24 !important;
  }

  body.photolive-live-body .live-float-actions .btn{
    width:auto !important;
    min-width:0 !important;
    border-radius:999px !important;
    padding:11px 13px !important;
    font-size:12px !important;
    box-shadow:0 12px 34px rgba(0,0,0,.44) !important;
  }

  body.photolive-live-body .instagram-chat-panel{
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    z-index:30 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
  }

  body.photolive-live-body .instagram-chat-panel h2,
  body.photolive-live-body .instagram-chat-panel > .muted,
  body.photolive-live-body .instagram-chat-panel #guestNameSaved{
    display:none !important;
  }

  body.photolive-live-body .instagram-chat-panel .chat{
    height:138px !important;
    max-height:23vh !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    overflow:hidden !important;
    padding:0 0 8px 0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    pointer-events:none !important;
  }

  body.photolive-live-body .instagram-chat-panel .msg{
    width:max-content !important;
    max-width:82vw !important;
    margin:3px 0 !important;
    padding:7px 10px !important;
    border:0 !important;
    border-radius:18px !important;
    background:rgba(0,0,0,.46) !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.28 !important;
    backdrop-filter:blur(8px) !important;
    text-shadow:0 1px 3px rgba(0,0,0,.65) !important;
    box-shadow:0 6px 20px rgba(0,0,0,.24) !important;
  }

  body.photolive-live-body .instagram-chat-panel .msg b{
    color:#bfdbfe !important;
  }

  body.photolive-live-body .instagram-chat-panel .chat-form{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 46px !important;
    gap:8px !important;
    margin:0 !important;
    padding:8px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.56) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    backdrop-filter:blur(16px) !important;
    pointer-events:auto !important;
  }

  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]{
    min-width:0 !important;
    height:42px !important;
    margin:0 !important;
    padding:0 14px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.14) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    font-size:14px !important;
  }

  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]::placeholder{
    color:rgba(255,255,255,.72) !important;
  }

  body.photolive-live-body .instagram-chat-panel .chat-form button.btn{
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    border-radius:50% !important;
    font-size:0 !important;
  }

  body.photolive-live-body .instagram-chat-panel .chat-form button.btn::after{
    content:'➤';
    font-size:17px;
    line-height:1;
  }

  body.photolive-live-body .instagram-live-grid > div:first-child > .card:not(.chat-panel){
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    top:calc(70px + env(safe-area-inset-top)) !important;
    z-index:25 !important;
    background:rgba(0,0,0,.70) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:22px !important;
    color:#fff !important;
    backdrop-filter:blur(14px) !important;
    box-shadow:0 20px 50px rgba(0,0,0,.35) !important;
  }
}

@media (min-width: 761px){
  body.photolive-live-body .instagram-live-grid{align-items:start;}
  body.photolive-live-body .instagram-chat-panel{position:sticky;top:86px;}
}

/* =========================================================
   PhotoLive Instagram Live v4 - visual igual ao mockup
   Foco: mobile vertical, chat flutuante e painel do professor limpo
   ========================================================= */
body.photolive-live-body{background:#050816;}
.instagram-live-page{max-width:1180px;}
.instagram-live-main{position:relative;}
.ig-gradient-top,.ig-gradient-bottom,.ig-top-ui,.ig-like-button,.ig-hearts,.ig-float-actions,.ig-bottom-nav{display:none;}
.instagram-wait-video,.instagram-ended{height:100%;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 35% 10%,rgba(94,234,212,.18),transparent 35%),linear-gradient(135deg,#0f172a,#020617);padding:30px;}
.big-live-icon{width:86px;height:86px;border-radius:30px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,#3b82f6,#7c3aed);font-size:34px;box-shadow:0 20px 60px rgba(59,130,246,.34)}
.teacher-start-card{margin-top:18px;}
.ig-close{text-decoration:none;color:#fff;font-size:34px;font-weight:300;line-height:1;pointer-events:auto;}

@media (min-width:761px){
  body.photolive-live-body .instagram-live-grid{grid-template-columns:minmax(0,2fr) minmax(320px,0.9fr);gap:22px;}
  body.photolive-live-body .instagram-video.video-wrap{aspect-ratio:9/16;max-height:820px;width:min(520px,100%);margin-inline:auto;border-radius:36px;}
  body.photolive-live-body .instagram-video .ig-gradient-top,
  body.photolive-live-body .instagram-video .ig-gradient-bottom,
  body.photolive-live-body .instagram-video .ig-top-ui,
  body.photolive-live-body .instagram-video .ig-like-button,
  body.photolive-live-body .instagram-video .ig-hearts,
  body.photolive-live-body .instagram-video .ig-float-actions{display:block;}
  body.photolive-live-body .instagram-video .ig-gradient-top{position:absolute;left:0;right:0;top:0;height:190px;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);z-index:7;pointer-events:none;}
  body.photolive-live-body .instagram-video .ig-gradient-bottom{position:absolute;left:0;right:0;bottom:0;height:330px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent);z-index:7;pointer-events:none;}
  body.photolive-live-body .ig-top-ui{position:absolute;left:18px;right:18px;top:18px;z-index:12;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.8)}
  .ig-row{display:flex;align-items:center;gap:10px}.ig-badges-row{justify-content:space-between}.ig-live-badge,.ig-viewers,.ig-timer{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 13px;font-weight:900;background:rgba(0,0,0,.55);backdrop-filter:blur(14px)}.ig-live-badge{background:#ef334d}.ig-teacher-row{display:flex;gap:12px;align-items:center;margin-top:16px}.ig-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#60a5fa,#a855f7);font-weight:900}.ig-teacher-row strong{display:block;font-size:21px}.ig-teacher-row small{display:block;color:rgba(255,255,255,.78);font-size:15px}.ig-float-actions{position:absolute;right:20px;bottom:132px;z-index:18}.ig-like-button{position:absolute;right:22px;bottom:218px;z-index:18;border:0;background:transparent;color:#fff;font-size:52px;line-height:.8;text-shadow:0 4px 12px rgba(0,0,0,.7);cursor:pointer}.ig-like-button span{display:block;font-size:16px;font-weight:900;margin-top:8px}.ig-hearts{position:absolute;right:28px;bottom:292px;width:60px;height:180px;z-index:17;pointer-events:none}.ig-hearts span{position:absolute;bottom:0;color:#ef4864;font-size:34px;animation:igHeart 1.8s ease-out forwards;text-shadow:0 8px 20px rgba(0,0,0,.25)}
  body.photolive-live-body .instagram-chat-panel{position:sticky;top:86px;}
}

@media (max-width:760px){
  html,body{height:100%;}
  body.photolive-live-body{margin:0 !important;background:#000 !important;overflow:hidden !important;overscroll-behavior:none;touch-action:manipulation;}
  body.photolive-live-body .nav,body.photolive-live-body .footer{display:none !important;}
  body.photolive-live-body .instagram-live-page{position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;max-width:none !important;margin:0 !important;padding:0 !important;background:#000 !important;overflow:hidden !important;z-index:9999 !important;}
  body.photolive-live-body .instagram-live-grid,body.photolive-live-body .instagram-live-main{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;display:block !important;}
  body.photolive-live-body .instagram-live-main > :not(.instagram-video):not(.teacher-start-card):not(.instagram-wait-card){display:none !important;}
  body.photolive-live-body .instagram-video.video-wrap{position:absolute !important;inset:0 !important;width:100vw !important;height:100dvh !important;aspect-ratio:auto !important;min-height:0 !important;max-height:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:#000 !important;box-shadow:none !important;z-index:1 !important;overflow:hidden !important;}
  body.photolive-live-body #jitsiContainer,body.photolive-live-body #jitsiContainer iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important;background:#000 !important;}
  body.photolive-live-body .ig-gradient-top,body.photolive-live-body .ig-gradient-bottom,body.photolive-live-body .ig-top-ui,body.photolive-live-body .ig-like-button,body.photolive-live-body .ig-hearts,body.photolive-live-body .ig-float-actions,body.photolive-live-body .ig-bottom-nav{display:block !important;}
  body.photolive-live-body .ig-gradient-top{position:absolute;left:0;right:0;top:0;height:230px;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.30),transparent);z-index:6;pointer-events:none;}
  body.photolive-live-body .ig-gradient-bottom{position:absolute;left:0;right:0;bottom:0;height:410px;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.58),transparent);z-index:6;pointer-events:none;}
  body.photolive-live-body .ig-top-ui{position:absolute;left:16px;right:16px;top:calc(14px + env(safe-area-inset-top));z-index:18;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.9);pointer-events:none;}
  body.photolive-live-body .ig-badges-row{display:flex;align-items:center;gap:9px;width:100%;}
  body.photolive-live-body .ig-live-badge,body.photolive-live-body .ig-viewers,body.photolive-live-body .ig-timer{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:8px 11px;font-size:13px;font-weight:950;letter-spacing:.2px;background:rgba(0,0,0,.60);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.28);}
  body.photolive-live-body .ig-live-badge{background:#ef334d;color:#fff;}
  body.photolive-live-body .ig-timer{margin-left:auto;font-size:16px;}
  body.photolive-live-body .ig-close{margin-left:4px;pointer-events:auto;font-size:38px;line-height:1;color:#fff;}
  body.photolive-live-body .ig-teacher-row{display:flex;align-items:center;gap:12px;margin-top:16px;}
  body.photolive-live-body .ig-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:#fff;font-weight:950;font-size:22px;border:2px solid rgba(255,255,255,.35);box-shadow:0 8px 26px rgba(0,0,0,.35);}
  body.photolive-live-body .ig-teacher-row strong{display:block;font-size:24px;font-weight:950;line-height:1.05;max-width:72vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.photolive-live-body .ig-teacher-row small{display:block;font-size:15px;color:rgba(255,255,255,.80);margin-top:3px;max-width:72vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.photolive-live-body .ig-float-actions{position:absolute !important;left:16px !important;right:auto !important;bottom:calc(96px + env(safe-area-inset-bottom)) !important;z-index:28 !important;}
  body.photolive-live-body .ig-float-actions .btn{border-radius:999px !important;padding:11px 15px !important;font-size:13px !important;box-shadow:0 14px 34px rgba(0,0,0,.42) !important;}
  body.photolive-live-body .ig-like-button{position:absolute;right:17px;bottom:calc(168px + env(safe-area-inset-bottom));z-index:28;border:0;background:transparent;color:#fff;font-size:54px;line-height:.8;text-shadow:0 4px 18px rgba(0,0,0,.85);padding:0;}
  body.photolive-live-body .ig-like-button span{display:block;font-size:16px;font-weight:900;margin-top:8px;}
  body.photolive-live-body .ig-hearts{position:absolute;right:22px;bottom:calc(238px + env(safe-area-inset-bottom));width:72px;height:230px;z-index:27;pointer-events:none;}
  body.photolive-live-body .ig-hearts span{position:absolute;bottom:0;color:#ef4864;font-size:38px;animation:igHeart 1.8s ease-out forwards;text-shadow:0 8px 20px rgba(0,0,0,.28);}
  body.photolive-live-body .instagram-chat-panel{position:absolute !important;left:16px !important;right:84px !important;bottom:calc(158px + env(safe-area-inset-bottom)) !important;z-index:26 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;pointer-events:none !important;}
  body.photolive-live-body .instagram-chat-panel h2,body.photolive-live-body .instagram-chat-panel > .muted,body.photolive-live-body .instagram-chat-panel #guestNameSaved{display:none !important;}
  body.photolive-live-body .instagram-chat-panel .chat{height:235px !important;max-height:31vh !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;gap:6px !important;overflow:hidden !important;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;margin:0 0 12px 0 !important;pointer-events:none !important;}
  body.photolive-live-body .instagram-chat-panel .msg{display:block !important;width:max-content !important;max-width:100% !important;margin:0 !important;padding:8px 12px !important;border:0 !important;border-radius:18px !important;background:rgba(0,0,0,.50) !important;color:#fff !important;font-size:14px !important;line-height:1.28 !important;backdrop-filter:blur(10px) !important;text-shadow:0 1px 3px rgba(0,0,0,.75) !important;box-shadow:0 10px 28px rgba(0,0,0,.20) !important;}
  body.photolive-live-body .instagram-chat-panel .msg b{display:block;color:#fff !important;font-weight:950;margin-bottom:2px;}
  body.photolive-live-body .instagram-chat-panel .chat-form{position:fixed !important;left:16px !important;right:82px !important;bottom:calc(86px + env(safe-area-inset-bottom)) !important;display:grid !important;grid-template-columns:minmax(0,1fr) 48px !important;gap:8px !important;align-items:center !important;margin:0 !important;padding:8px !important;border-radius:999px !important;background:rgba(0,0,0,.58) !important;border:1px solid rgba(255,255,255,.22) !important;backdrop-filter:blur(18px) !important;pointer-events:auto !important;box-shadow:0 18px 42px rgba(0,0,0,.34) !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]{height:44px !important;min-width:0 !important;margin:0 !important;padding:0 14px !important;border-radius:999px !important;background:rgba(255,255,255,.10) !important;border:0 !important;color:#fff !important;font-size:16px !important;outline:none !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]::placeholder{color:rgba(255,255,255,.72) !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form button.btn{width:44px !important;height:44px !important;border-radius:50% !important;padding:0 !important;margin:0 !important;font-size:0 !important;background:rgba(255,255,255,.18) !important;border:1px solid rgba(255,255,255,.20) !important;box-shadow:none !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form button.btn:after{content:'➤';font-size:20px;color:#fff;}
  body.photolive-live-body .ig-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(72px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(8,10,24,.86);backdrop-filter:blur(22px);border-top:1px solid rgba(255,255,255,.10);display:grid !important;grid-template-columns:repeat(5,1fr);gap:4px;border-radius:24px 24px 0 0;box-shadow:0 -16px 46px rgba(0,0,0,.38);}
  body.photolive-live-body .ig-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:rgba(255,255,255,.65);font-size:22px;font-weight:900;line-height:1;}
  body.photolive-live-body .ig-bottom-nav a span{font-size:10px;letter-spacing:.2px;}
  body.photolive-live-body .ig-bottom-nav a.active{color:#a855f7;}
  body.photolive-live-body .ig-bottom-nav .ig-create{font-size:34px;color:#fff;transform:translateY(-14px);}
  body.photolive-live-body .ig-bottom-nav .ig-create::before{content:'';position:absolute;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#3b82f6);z-index:-1;box-shadow:0 12px 34px rgba(124,58,237,.45);}
  body.photolive-live-body .teacher-start-card,body.photolive-live-body .instagram-wait-card{position:absolute !important;left:16px !important;right:16px !important;top:calc(118px + env(safe-area-inset-top)) !important;z-index:34 !important;background:rgba(0,0,0,.70) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;backdrop-filter:blur(16px) !important;border-radius:22px !important;box-shadow:0 18px 48px rgba(0,0,0,.40) !important;}
}

@keyframes igHeart{0%{opacity:0;transform:translateY(30px) scale(.5) rotate(-8deg)}15%{opacity:1}100%{opacity:0;transform:translateY(-190px) scale(1.45) rotate(16deg)}}

/* ===== PhotoLive Instagram Live v5 - alinhamento final mobile ===== */
@media (max-width: 760px){
  html, body.photolive-live-body { height:100%; }
  body.photolive-live-body{ background:#000 !important; overflow:hidden !important; margin:0 !important; }
  body.photolive-live-body .nav, body.photolive-live-body .footer{ display:none !important; }
  body.photolive-live-body .instagram-live-page{
    position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important;
    max-width:none !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#000 !important;
  }
  body.photolive-live-body .instagram-live-grid{ position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; }
  body.photolive-live-body .instagram-live-main{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; }
  body.photolive-live-body .instagram-video.video-wrap{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; aspect-ratio:auto !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:#000 !important; overflow:hidden !important; z-index:1 !important; }
  body.photolive-live-body #jitsiContainer, body.photolive-live-body #jitsiContainer iframe{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; border:0 !important; background:#000 !important; }
  body.photolive-live-body .ig-gradient-top{ display:block !important; position:absolute !important; left:0; right:0; top:0; height:210px; background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.35),transparent); z-index:10; pointer-events:none; }
  body.photolive-live-body .ig-gradient-bottom{ display:block !important; position:absolute !important; left:0; right:0; bottom:0; height:360px; background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.50),transparent); z-index:10; pointer-events:none; }
  body.photolive-live-body .ig-top-ui{ position:absolute !important; top:calc(16px + env(safe-area-inset-top)) !important; left:16px !important; right:16px !important; z-index:30 !important; color:#fff !important; pointer-events:none !important; }
  body.photolive-live-body .ig-badges-row{ display:grid !important; grid-template-columns:auto auto 1fr auto !important; align-items:center !important; gap:10px !important; width:100% !important; }
  body.photolive-live-body .ig-live-badge{ background:#ef2f4f !important; color:#fff !important; padding:10px 13px !important; border-radius:9px !important; font-weight:950 !important; font-size:15px !important; letter-spacing:.2px !important; box-shadow:0 8px 18px rgba(0,0,0,.25) !important; }
  body.photolive-live-body .ig-viewers{ background:rgba(0,0,0,.72) !important; color:#fff !important; padding:10px 12px !important; border-radius:9px !important; font-weight:900 !important; font-size:14px !important; }
  body.photolive-live-body .ig-timer{ justify-self:end !important; background:transparent !important; color:#fff !important; padding:0 !important; font-weight:950 !important; font-size:18px !important; text-shadow:0 2px 12px #000 !important; }
  body.photolive-live-body .ig-close{ pointer-events:auto !important; text-decoration:none !important; color:#fff !important; font-size:42px !important; line-height:.7 !important; font-weight:300 !important; padding-left:4px !important; text-shadow:0 2px 12px #000 !important; }
  body.photolive-live-body .ig-teacher-row{ display:flex !important; align-items:center !important; gap:12px !important; margin-top:18px !important; }
  body.photolive-live-body .ig-avatar{ width:54px !important; height:54px !important; border-radius:50% !important; display:grid !important; place-items:center !important; font-size:24px !important; font-weight:950 !important; color:#fff !important; background:linear-gradient(135deg,#55a7ff,#8b5cf6) !important; border:2px solid rgba(255,255,255,.42) !important; box-shadow:0 8px 28px rgba(0,0,0,.35) !important; flex:none !important; }
  body.photolive-live-body .ig-teacher-row strong{ display:block !important; max-width:72vw !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:#fff !important; font-size:25px !important; line-height:1.05 !important; letter-spacing:-.4px !important; text-shadow:0 2px 14px #000 !important; }
  body.photolive-live-body .ig-teacher-row small{ display:block !important; max-width:72vw !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:rgba(255,255,255,.82) !important; font-size:16px !important; margin-top:4px !important; text-shadow:0 2px 14px #000 !important; }
  body.photolive-live-body .ig-float-actions{ display:none !important; }
  body.photolive-live-body .ig-like-button{ position:absolute !important; right:17px !important; bottom:calc(198px + env(safe-area-inset-bottom)) !important; z-index:35 !important; width:58px !important; min-width:58px !important; height:auto !important; border:0 !important; background:transparent !important; color:#fff !important; font-size:58px !important; line-height:.75 !important; text-shadow:0 2px 14px #000 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; padding:0 !important; }
  body.photolive-live-body .ig-like-button span{ display:block !important; margin-top:12px !important; font-size:18px !important; font-weight:900 !important; color:#fff !important; }
  body.photolive-live-body .ig-hearts{ position:absolute !important; right:23px !important; bottom:calc(265px + env(safe-area-inset-bottom)) !important; width:54px !important; height:220px !important; z-index:34 !important; pointer-events:none !important; overflow:visible !important; }
  body.photolive-live-body .ig-hearts span{ position:absolute !important; bottom:0 !important; right:0 !important; font-size:38px !important; color:#ef476f !important; animation:phHeart 1.8s ease-out forwards !important; filter:drop-shadow(0 4px 10px rgba(0,0,0,.25)); }
  @keyframes phHeart{0%{transform:translateY(0) scale(.6);opacity:0}18%{opacity:1}100%{transform:translateY(-170px) scale(1.25);opacity:0}}
  body.photolive-live-body .instagram-chat-panel{ position:absolute !important; left:14px !important; right:82px !important; bottom:calc(92px + env(safe-area-inset-bottom)) !important; z-index:34 !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; pointer-events:none !important; }
  body.photolive-live-body .instagram-chat-panel h2, body.photolive-live-body #guestNameSaved{ display:none !important; }
  body.photolive-live-body .instagram-chat-panel .chat{ height:230px !important; max-height:31vh !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; justify-content:flex-end !important; gap:0 !important; padding:0 0 12px 0 !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; pointer-events:none !important; }
  body.photolive-live-body .instagram-chat-panel .msg{ width:max-content !important; max-width:calc(100vw - 120px) !important; margin:4px 0 !important; padding:8px 12px !important; border:0 !important; border-radius:18px !important; background:rgba(0,0,0,.50) !important; color:#fff !important; font-size:14px !important; line-height:1.32 !important; backdrop-filter:blur(9px) !important; text-shadow:0 1px 3px rgba(0,0,0,.7) !important; box-shadow:0 7px 20px rgba(0,0,0,.24) !important; }
  body.photolive-live-body .instagram-chat-panel .msg b{ color:#fff !important; font-weight:950 !important; }
  body.photolive-live-body .instagram-chat-panel .chat-form{ position:relative !important; display:grid !important; grid-template-columns:minmax(0,1fr) 48px !important; gap:8px !important; margin:0 !important; padding:6px !important; border-radius:999px !important; background:rgba(0,0,0,.48) !important; border:1px solid rgba(255,255,255,.25) !important; backdrop-filter:blur(16px) !important; pointer-events:auto !important; box-shadow:0 10px 34px rgba(0,0,0,.32) !important; }
  body.photolive-live-body .instagram-chat-panel .chat-form input[type="hidden"], body.photolive-live-body .instagram-chat-panel .chat-form #guestNameSaved{ display:none !important; }
  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]{ min-width:0 !important; width:100% !important; height:46px !important; margin:0 !important; border-radius:999px !important; padding:0 18px !important; background:rgba(255,255,255,.13) !important; border:0 !important; color:#fff !important; font-size:16px !important; }
  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]::placeholder{ color:rgba(255,255,255,.70) !important; }
  body.photolive-live-body .instagram-chat-panel .chat-form button.btn{ width:46px !important; height:46px !important; min-width:46px !important; border-radius:50% !important; padding:0 !important; margin:0 !important; font-size:0 !important; background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.22) !important; box-shadow:none !important; }
  body.photolive-live-body .instagram-chat-panel .chat-form button.btn:after{ content:'➤'; font-size:21px !important; color:#fff !important; line-height:1 !important; }
  body.photolive-live-body .ig-bottom-nav{ position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:82px !important; padding:9px 9px calc(9px + env(safe-area-inset-bottom)) !important; display:grid !important; grid-template-columns:repeat(5,1fr) !important; align-items:center !important; z-index:33 !important; background:rgba(4,8,28,.86) !important; border-top-left-radius:22px !important; border-top-right-radius:22px !important; box-shadow:0 -14px 40px rgba(0,0,0,.32) !important; backdrop-filter:blur(16px) !important; }
  body.photolive-live-body .ig-bottom-nav a{ color:rgba(255,255,255,.72) !important; text-decoration:none !important; text-align:center !important; font-size:22px !important; font-weight:900 !important; line-height:1 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:5px !important; }
  body.photolive-live-body .ig-bottom-nav a span{ font-size:10px !important; letter-spacing:.2px !important; }
  body.photolive-live-body .ig-bottom-nav .active{ color:#a855f7 !important; }
  body.photolive-live-body .ig-bottom-nav .ig-create{ width:72px !important; height:72px !important; border-radius:50% !important; place-self:center !important; margin-top:-30px !important; background:linear-gradient(135deg,#8b5cf6,#2563eb) !important; color:#fff !important; box-shadow:0 0 0 7px rgba(139,92,246,.18),0 12px 34px rgba(0,0,0,.38) !important; font-size:44px !important; }
  body.photolive-live-body .ig-bottom-nav .ig-create span{ margin-top:-3px !important; font-size:9px !important; }
  body.photolive-live-body .teacher-start-card, body.photolive-live-body .instagram-wait-card{ position:absolute !important; left:16px !important; right:16px !important; bottom:120px !important; z-index:45 !important; }
}

@media (min-width: 761px){
  .ig-bottom-nav{ display:none; }
}

/* ===== PhotoLive Instagram Live v6 - tela igual mockup no celular ===== */
@media (max-width: 760px){
  html, body{margin:0 !important;padding:0 !important;background:#000 !important;}
  body.photolive-live-body{overflow:hidden !important;position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;}
  body.photolive-live-body .nav, body.photolive-live-body .footer{display:none !important;}
  body.photolive-live-body .instagram-live-page{position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;max-width:none !important;margin:0 !important;padding:0 !important;background:#000 !important;overflow:hidden !important;z-index:99999 !important;}
  body.photolive-live-body .instagram-live-grid, body.photolive-live-body .instagram-live-main{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;display:block !important;background:#000 !important;}
  body.photolive-live-body .instagram-live-main > .card:not(.teacher-start-card):not(.instagram-wait-card){display:none !important;}
  body.photolive-live-body .instagram-video.video-wrap{position:absolute !important;inset:0 !important;width:100vw !important;height:100dvh !important;min-height:0 !important;max-height:none !important;aspect-ratio:auto !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#000 !important;overflow:hidden !important;box-shadow:none !important;z-index:1 !important;}
  body.photolive-live-body #jitsiContainer, body.photolive-live-body #jitsiContainer iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important;background:#000 !important;}

  body.photolive-live-body .ig-gradient-top{display:block !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:255px !important;background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.35),transparent) !important;z-index:20 !important;pointer-events:none !important;}
  body.photolive-live-body .ig-gradient-bottom{display:block !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:430px !important;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.55),transparent) !important;z-index:20 !important;pointer-events:none !important;}

  body.photolive-live-body .ig-top-ui{display:block !important;position:absolute !important;top:calc(16px + env(safe-area-inset-top)) !important;left:22px !important;right:22px !important;z-index:60 !important;color:#fff !important;pointer-events:none !important;text-shadow:0 3px 14px rgba(0,0,0,.95) !important;}
  body.photolive-live-body .ig-badges-row{display:grid !important;grid-template-columns:auto auto 1fr auto auto !important;align-items:center !important;gap:10px !important;width:100% !important;}
  body.photolive-live-body .ig-live-badge{background:#ef304f !important;color:#fff !important;padding:10px 13px !important;border-radius:9px !important;font-weight:950 !important;font-size:15px !important;line-height:1 !important;}
  body.photolive-live-body .ig-viewers{background:rgba(0,0,0,.72) !important;color:#fff !important;padding:10px 12px !important;border-radius:9px !important;font-weight:900 !important;font-size:14px !important;line-height:1 !important;}
  body.photolive-live-body .ig-timer{justify-self:end !important;background:transparent !important;color:#fff !important;padding:0 !important;font-weight:950 !important;font-size:18px !important;line-height:1 !important;}
  body.photolive-live-body .ig-close{pointer-events:auto !important;color:#fff !important;text-decoration:none !important;font-size:42px !important;line-height:.8 !important;font-weight:300 !important;}
  body.photolive-live-body .ig-teacher-row{display:flex !important;align-items:center !important;gap:12px !important;margin-top:18px !important;}
  body.photolive-live-body .ig-avatar{width:54px !important;height:54px !important;border-radius:50% !important;display:grid !important;place-items:center !important;flex:none !important;background:linear-gradient(135deg,#5cc8ff,#7c3aed) !important;color:#fff !important;font-size:24px !important;font-weight:950 !important;border:2px solid rgba(255,255,255,.42) !important;box-shadow:0 8px 28px rgba(0,0,0,.35) !important;}
  body.photolive-live-body .ig-teacher-row strong{display:block !important;max-width:72vw !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:#fff !important;font-size:25px !important;line-height:1.05 !important;font-weight:950 !important;letter-spacing:-.4px !important;}
  body.photolive-live-body .ig-teacher-row small{display:block !important;max-width:72vw !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:rgba(255,255,255,.82) !important;font-size:16px !important;margin-top:4px !important;}

  body.photolive-live-body .instagram-chat-panel{position:absolute !important;left:22px !important;right:98px !important;bottom:calc(160px + env(safe-area-inset-bottom)) !important;z-index:55 !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;pointer-events:none !important;}
  body.photolive-live-body .instagram-chat-panel h2, body.photolive-live-body .instagram-chat-panel > .muted, body.photolive-live-body .instagram-chat-panel #guestNameSaved{display:none !important;}
  body.photolive-live-body .instagram-chat-panel .chat{height:270px !important;max-height:34vh !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;gap:8px !important;overflow:hidden !important;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;margin:0 0 15px 0 !important;pointer-events:none !important;}
  body.photolive-live-body .instagram-chat-panel .msg{display:block !important;width:max-content !important;max-width:calc(100vw - 145px) !important;margin:0 !important;padding:8px 12px !important;border:0 !important;border-radius:18px !important;background:rgba(0,0,0,.54) !important;color:#fff !important;font-size:14px !important;line-height:1.28 !important;backdrop-filter:blur(10px) !important;text-shadow:0 1px 3px rgba(0,0,0,.70) !important;box-shadow:0 8px 22px rgba(0,0,0,.24) !important;}
  body.photolive-live-body .instagram-chat-panel .msg b{display:block !important;color:#fff !important;font-weight:950 !important;margin-bottom:2px !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form{position:fixed !important;left:22px !important;right:100px !important;bottom:calc(92px + env(safe-area-inset-bottom)) !important;display:grid !important;grid-template-columns:minmax(0,1fr) 48px !important;gap:8px !important;align-items:center !important;margin:0 !important;padding:6px !important;border-radius:999px !important;background:rgba(0,0,0,.52) !important;border:1px solid rgba(255,255,255,.28) !important;backdrop-filter:blur(18px) !important;pointer-events:auto !important;box-shadow:0 18px 42px rgba(0,0,0,.34) !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form input[type="hidden"]{display:none !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]{height:46px !important;min-width:0 !important;width:100% !important;margin:0 !important;padding:0 18px !important;border:0 !important;border-radius:999px !important;background:rgba(255,255,255,.12) !important;color:#fff !important;font-size:16px !important;outline:none !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form input[name="message"]::placeholder{color:rgba(255,255,255,.70) !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form button.btn{width:46px !important;height:46px !important;min-width:46px !important;border-radius:50% !important;padding:0 !important;margin:0 !important;font-size:0 !important;background:rgba(255,255,255,.18) !important;border:1px solid rgba(255,255,255,.24) !important;box-shadow:none !important;}
  body.photolive-live-body .instagram-chat-panel .chat-form button.btn::after{content:'➤' !important;font-size:21px !important;color:#fff !important;line-height:1 !important;}

  body.photolive-live-body .ig-like-button{display:flex !important;position:absolute !important;right:22px !important;bottom:calc(210px + env(safe-area-inset-bottom)) !important;z-index:58 !important;width:64px !important;min-width:64px !important;border:0 !important;background:transparent !important;color:#fff !important;font-size:58px !important;line-height:.75 !important;text-shadow:0 3px 16px rgba(0,0,0,.85) !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:0 !important;}
  body.photolive-live-body .ig-like-button span{display:block !important;margin-top:12px !important;font-size:18px !important;font-weight:900 !important;color:#fff !important;}
  body.photolive-live-body .ig-hearts{display:block !important;position:absolute !important;right:30px !important;bottom:calc(284px + env(safe-area-inset-bottom)) !important;width:58px !important;height:240px !important;z-index:57 !important;pointer-events:none !important;overflow:visible !important;}
  body.photolive-live-body .ig-hearts span{position:absolute !important;bottom:0 !important;right:0 !important;font-size:40px !important;color:#ef476f !important;animation:igHeart 1.8s ease-out forwards !important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28));}

  body.photolive-live-body .ig-float-actions{display:none !important;}
  body.photolive-live-body .ig-bottom-nav{display:grid !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:calc(82px + env(safe-area-inset-bottom)) !important;padding:9px 9px calc(9px + env(safe-area-inset-bottom)) !important;grid-template-columns:repeat(5,1fr) !important;align-items:center !important;z-index:54 !important;background:rgba(4,8,28,.90) !important;border-top-left-radius:24px !important;border-top-right-radius:24px !important;box-shadow:0 -14px 40px rgba(0,0,0,.36) !important;backdrop-filter:blur(18px) !important;}
  body.photolive-live-body .ig-bottom-nav a{position:relative !important;color:rgba(255,255,255,.72) !important;text-decoration:none !important;text-align:center !important;font-size:22px !important;font-weight:900 !important;line-height:1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;}
  body.photolive-live-body .ig-bottom-nav a span{font-size:10px !important;letter-spacing:.2px !important;}
  body.photolive-live-body .ig-bottom-nav a.active{color:#a855f7 !important;}
  body.photolive-live-body .ig-bottom-nav .ig-create{width:72px !important;height:72px !important;border-radius:50% !important;place-self:center !important;margin-top:-30px !important;background:linear-gradient(135deg,#8b5cf6,#2563eb) !important;color:#fff !important;box-shadow:0 0 0 7px rgba(139,92,246,.18),0 12px 34px rgba(0,0,0,.38) !important;font-size:44px !important;}
  body.photolive-live-body .ig-bottom-nav .ig-create span{margin-top:-3px !important;font-size:9px !important;}
  body.photolive-live-body .teacher-start-card, body.photolive-live-body .instagram-wait-card{position:absolute !important;left:22px !important;right:22px !important;bottom:calc(120px + env(safe-area-inset-bottom)) !important;z-index:70 !important;background:rgba(0,0,0,.72) !important;color:#fff !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:22px !important;backdrop-filter:blur(18px) !important;}
}