/* Painel da sala do Jordan – estilo Claude (progresso + conversa à esquerda, cartões com botões em cima da barra) */
#sala-sam{--jp-w:min(360px,30vw);--jp-fundo:rgba(5,19,19,.86);--jp-linha:rgba(111,227,212,.18);--jp-ok:#3ddc97;--jp-no:#ff7a8a;--jp-ouro:#ffc861}
#jp-painel{position:absolute;left:0;top:0;bottom:0;width:var(--jp-w);min-width:300px;z-index:6;display:flex;flex-direction:column;background:var(--jp-fundo);border-right:1px solid var(--jp-linha);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:13.5px/1.45 Inter,system-ui,sans-serif;color:var(--ss-texto,#dff7f3)}
#jp-abrir{display:none}
.jp-topo{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;border-bottom:1px solid var(--jp-linha)}
.jp-quem{display:flex;gap:10px;align-items:center}.jp-quem b{display:block;font:600 16px 'Space Grotesk',sans-serif;color:#f1fffc}.jp-quem small{color:var(--ss-mudo,#8fb8b2);font-size:11.5px}
.jp-pulso{width:10px;height:10px;border-radius:50%;background:var(--jp-ok);box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:jp-p 2.2s infinite}
#jp-painel[data-estado=pensando] .jp-pulso{background:var(--jp-ouro);animation-duration:.9s}#jp-painel[data-estado=falando] .jp-pulso{background:var(--ss-ciano,#6fe3d4)}
#jp-painel.offline .jp-pulso{background:#ff7a8a;animation:none}
@keyframes jp-p{70%{box-shadow:0 0 0 8px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}
.jp-x{display:none;border:0;background:none;color:var(--ss-mudo);font-size:24px;cursor:pointer;line-height:1}
#jp-sups-slot{padding:8px 12px 2px}
#jp-sups-slot #ss-sups{position:static;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;padding-bottom:6px;scrollbar-width:thin}
#jp-sups-slot #ss-sups small{display:none}#jp-sups-slot #ss-sups button{flex:0 0 auto}
.jp-sec{display:flex;flex-direction:column;min-height:0;border-bottom:1px solid var(--jp-linha)}
.jp-sec h3{margin:0}.jp-sec h3 button{width:100%;display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--ss-mudo,#8fb8b2);font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:2px;text-transform:uppercase;padding:12px 16px 8px;cursor:pointer;text-align:left}
.jp-sec h3 span{letter-spacing:0;text-transform:none;font:500 11px Inter,sans-serif;color:var(--ss-ciano,#6fe3d4)}
.jp-sec h3 i{margin-left:auto;font-style:normal;transition:transform .2s}.jp-sec.fechado h3 i{transform:rotate(-90deg)}.jp-sec.fechado .jp-rolagem{display:none}
#jp-sec-prog{flex:0 1 auto;max-height:46%}
.jp-cresce{flex:1 1 auto}
.jp-rolagem{overflow:auto;padding:0 10px 12px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(111,227,212,.25) transparent}
.jp-vazio{color:var(--ss-mudo,#8fb8b2);font-size:12.5px;padding:6px}
/* pedidos */
.jp-ped{border-radius:10px;margin:2px 0;transition:background .2s}
.jp-ped:hover,.jp-ped.aberto{background:rgba(111,227,212,.06)}.jp-ped.pisca{background:rgba(111,227,212,.18)}
.jp-ped-l{width:100%;display:flex;align-items:flex-start;gap:9px;background:none;border:0;color:inherit;text-align:left;padding:8px 8px 4px;cursor:pointer;font:inherit}
.jp-ic{flex:0 0 18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:12px;color:var(--ss-mudo);border:1px solid rgba(143,184,178,.5)}
.st-em-andamento .jp-ic,.st-aprovado .jp-ic{color:var(--ss-ciano);border-color:var(--ss-ciano)}
.st-aguardando-aprovação .jp-ic{color:var(--jp-ouro);border-color:var(--jp-ouro)}
.st-feito .jp-ic{background:var(--jp-ok);border-color:var(--jp-ok);color:#06231a;font-weight:700}
.st-recusado .jp-ic,.st-cancelado .jp-ic{color:var(--jp-no);border-color:var(--jp-no)}
.jp-ic.gira{border-top-color:transparent;animation:jp-g 1.4s linear infinite;color:transparent}
@keyframes jp-g{to{transform:rotate(360deg)}}
.jp-ped-t{flex:1;min-width:0}.jp-ped-t b{display:block;font-weight:500;color:#eafffb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jp-ped.aberto .jp-ped-t b{white-space:normal}
.jp-ped-t small{display:block;color:var(--ss-mudo);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jp-ped.fim .jp-ped-t b{color:var(--ss-mudo);text-decoration:line-through;text-decoration-color:rgba(143,184,178,.4)}
.jp-ped-n{font:600 11px 'JetBrains Mono',monospace;color:var(--ss-mudo);padding-top:2px}
.jp-barra{height:3px;margin:0 8px 6px 35px;background:rgba(111,227,212,.12);border-radius:3px;overflow:hidden}.jp-barra i{display:block;height:100%;background:var(--ss-ciano,#6fe3d4);border-radius:3px;transition:width .6s}
.st-feito .jp-barra i{background:var(--jp-ok)}
.jp-etapas{display:none;padding:2px 8px 10px 35px}.jp-ped.aberto .jp-etapas{display:block}
.jp-et{display:flex;gap:8px;align-items:flex-start;padding:3px 0;color:var(--ss-mudo)}.jp-et span{flex:0 0 14px;font-size:11px;text-align:center}
.jp-et p{margin:0;font-size:12.5px}.jp-et em{font-style:normal;margin-left:6px;font-size:11px;opacity:.75}
.jp-et.feito{color:#bfe9e2}.jp-et.feito span{color:var(--jp-ok)}.jp-et.agora{color:#f1fffc}.jp-et.agora span{color:var(--ss-ciano);animation:jp-pisca 1.2s infinite}
@keyframes jp-pisca{50%{opacity:.3}}
.jp-ult{margin:6px 0 4px;font-size:11.5px;color:var(--ss-mudo)}.jp-ult b{color:#cdeee8;font-weight:600}.jp-ult time{opacity:.7;margin-left:4px}
.jp-link{background:none;border:0;padding:2px 0;color:var(--ss-ciano);font:500 12px Inter,sans-serif;cursor:pointer}
/* conversa */
.jp-msg{margin:10px 4px}.jp-msg small{display:block;color:var(--ss-mudo);font-size:11px;margin-bottom:3px}
.jp-msg p{margin:0;white-space:pre-wrap;word-wrap:break-word}
.jp-msg.eu{display:flex;flex-direction:column;align-items:flex-end}.jp-msg.eu p{background:rgba(111,227,212,.12);border:1px solid rgba(111,227,212,.2);padding:8px 11px;border-radius:14px 14px 4px 14px;max-width:88%;color:#f1fffc}
.jp-msg.eu small{text-align:right}.jp-msg.enviando p{opacity:.65}
.jp-msg.jd p{color:#dff7f3}
.jp-msg.aviso{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--ss-mudo);background:rgba(255,200,97,.06);border-left:2px solid rgba(255,200,97,.5);padding:6px 8px;border-radius:0 8px 8px 0}
.jp-msg.aviso p{flex:1}.jp-msg.aviso time{font-size:10.5px;opacity:.7;white-space:nowrap}
.jp-msg.pensando p{display:flex;gap:4px;padding:6px 0}.jp-msg.pensando i{width:6px;height:6px;border-radius:50%;background:var(--ss-ciano);animation:jp-pt 1.1s infinite}
.jp-msg.pensando i:nth-child(2){animation-delay:.15s}.jp-msg.pensando i:nth-child(3){animation-delay:.3s}
@keyframes jp-pt{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.jp-chip{margin-top:6px;background:rgba(111,227,212,.08);border:1px solid rgba(111,227,212,.3);color:#cffaf3;border-radius:999px;padding:3px 10px;font:500 11.5px Inter,sans-serif;cursor:pointer}
.jp-ops-usadas{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.jp-ops-usadas span{font-size:11px;color:var(--ss-mudo);border:1px solid rgba(143,184,178,.25);border-radius:999px;padding:1px 8px}
/* dock: cartões + "você disse" + barra de conversa */
#jp-dock{position:absolute;left:calc(var(--jp-w) + 24px);right:24px;bottom:3%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
#jp-dock>*{pointer-events:auto;width:min(680px,100%)}
#jp-cartoes{display:flex;flex-direction:column;gap:8px;max-height:42vh;overflow:auto}
#jp-cartoes:empty{display:none}
.jp-cartao{background:rgba(9,26,26,.94);border:1px solid rgba(111,227,212,.35);border-radius:14px;padding:12px 14px;box-shadow:0 12px 34px rgba(0,0,0,.35);font:13.5px/1.45 Inter,sans-serif;color:#eafffb;animation:jp-sobe .25s ease-out}
@keyframes jp-sobe{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.jp-cartao.t-pergunta{border-color:var(--ss-ciano)}.jp-cartao.t-pedido{border-color:rgba(255,200,97,.6)}.jp-cartao.t-alerta{border-color:rgba(255,200,97,.3)}
.jp-c-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.jp-c-top b{font-weight:600;color:#f1fffc;flex:1}.jp-c-top em{font-style:normal;font-size:11px;color:var(--ss-mudo)}
.jp-c-ic{flex:0 0 20px;height:20px;border-radius:6px;display:grid;place-items:center;font:700 12px 'JetBrains Mono',monospace;background:rgba(111,227,212,.18);color:var(--ss-ciano)}
.jp-c-ic.din,.jp-c-ic.av{background:rgba(255,200,97,.18);color:var(--jp-ouro)}.jp-c-ic.crit{background:rgba(255,92,122,.2);color:var(--jp-no)}
.jp-c-txt{margin:2px 0 10px;color:#cfe9e4;max-height:7.5em;overflow:auto;white-space:pre-wrap}
.jp-c-ops{display:flex;flex-direction:column;gap:6px}
.jp-op{display:flex;align-items:center;gap:10px;text-align:left;background:rgba(111,227,212,.06);border:1px solid rgba(111,227,212,.25);border-radius:10px;color:#f1fffc;padding:9px 12px;font:500 13.5px Inter,sans-serif;cursor:pointer}
.jp-op:hover,.jp-op:focus-visible{border-color:var(--ss-ciano);background:rgba(111,227,212,.14);outline:none}
.jp-op kbd{flex:0 0 20px;height:20px;border-radius:5px;display:grid;place-items:center;background:rgba(0,0,0,.3);border:1px solid rgba(111,227,212,.3);font:600 11px 'JetBrains Mono',monospace;color:var(--ss-mudo)}
.jp-op.outra{color:var(--ss-mudo);background:transparent;border-style:dashed}
.jp-c-bts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.jp-c-bts small{color:var(--ss-mudo);font-size:11px;margin-left:auto}
.jp-bt{min-height:36px;border-radius:9px;border:1px solid rgba(111,227,212,.3);background:rgba(111,227,212,.06);color:#eafffb;font:600 13px Inter,sans-serif;padding:0 14px;cursor:pointer}
.jp-bt.ok{background:var(--jp-ok);border-color:var(--jp-ok);color:#06231a}.jp-bt.no{background:transparent;border-color:var(--jp-no);color:var(--jp-no)}
.jp-bt:disabled{opacity:.5;cursor:wait}
.jp-c-senha input{width:100%;box-sizing:border-box;margin:0 0 8px;background:#0b1f1f;border:1px solid rgba(111,227,212,.3);border-radius:9px;color:#f1fffc;padding:9px 11px;font:14px Inter,sans-serif}
.jp-c-msg{font-size:12px;color:var(--jp-ouro)}.jp-c-info{margin:0;font-size:12.5px;color:var(--jp-ouro)}
.jp-mais{align-self:center;width:auto!important;background:rgba(9,26,26,.9);border:1px solid rgba(111,227,212,.3);color:var(--ss-ciano);border-radius:999px;padding:5px 14px;font:600 12px Inter,sans-serif;cursor:pointer}
/* "você disse" vira uma linha discreta acima da barra */
#sala-sam.com-painel #jp-dock #ss-voce{position:static;max-width:none;text-align:left;padding:0 6px}
#sala-sam.com-painel #jp-dock #ss-voce small,#sala-sam.com-painel #jp-dock #ss-voce .traco{display:none}
#sala-sam.com-painel #jp-dock #ss-voce p{font:400 13px Inter,sans-serif;color:var(--ss-mudo);min-height:0}

/* barra de conversa estilo Claude */
#sala-sam.com-painel #jp-dock #ss-form{position:static;transform:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"txt txt txt" "mic . env";gap:6px 8px;padding:10px 10px 8px 14px;border-radius:18px;background:rgba(9,26,26,.92);border:1px solid rgba(111,227,212,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}
#sala-sam.com-painel #ss-form:focus-within{border-color:var(--ss-ciano)}
#sala-sam.com-painel #ss-texto{grid-area:txt;width:100%;box-sizing:border-box;resize:none;min-height:24px;max-height:160px;background:transparent;border:0;outline:0;color:#f1fffc;font:15px/1.45 Inter,sans-serif;padding:4px 0}
#sala-sam.com-painel #ss-texto::placeholder{color:var(--ss-mudo)}
#sala-sam.com-painel #ss-mic{grid-area:mic;justify-self:start}
#sala-sam.com-painel #ss-form button[type=submit]{grid-area:env;justify-self:end;width:36px;height:36px;padding:0;border-radius:10px;font-size:0;position:relative}
#sala-sam.com-painel #ss-form button[type=submit]::after{content:'↑';font:700 18px Inter,sans-serif;position:absolute;inset:0;display:grid;place-items:center}
#sala-sam.com-painel #ss-hist-b,#sala-sam.com-painel #ss-hist{display:none!important}
/* o que o painel substitui */
#sala-sam.com-painel #ss-hud-e,#sala-sam.com-painel #ss-onda-e,#sala-sam.com-painel #ss-rot-e{display:none}
/* celular: o painel abre por cima pelo botão 📋 Status */
@media (max-width:760px){
  #jp-painel{width:min(92vw,400px);min-width:0;transform:translateX(-102%);transition:transform .28s ease;z-index:20;box-shadow:12px 0 40px rgba(0,0,0,.45)}
  #sala-sam.jp-aberto #jp-painel{transform:none}.jp-x{display:block}
  #jp-abrir{display:flex;align-items:center;gap:5px;position:absolute;left:12px;top:92px;z-index:8;background:rgba(9,26,26,.85);border:1px solid rgba(111,227,212,.35);color:#eafffb;border-radius:999px;padding:6px 11px;font:600 12px Inter,sans-serif}
  #jp-abrir em{font-style:normal;background:var(--ss-ciano);color:#062320;border-radius:999px;padding:0 6px;font-size:11px}#jp-abrir em:empty{display:none}
  #jp-dock{left:8px;right:8px;bottom:8px}
  #jp-cartoes{max-height:46vh}
  #sala-sam.com-painel #ss-balao{bottom:calc(8px + 118px)}
  #sala-sam.com-painel #ss-texto{font-size:16px}
}
#sala-sam.com-painel #jp-dock #ss-aviso{position:static;transform:none;text-align:center;font-size:12px;color:var(--jp-ouro);max-width:none}
#sala-sam.com-painel #jp-dock #ss-aviso:empty{display:none}
#sala-sam:not([hidden]) ~ #al-sino{display:none}

/* comandos discretos nos pedidos (apressar / pausar / cancelar) */
.jp-ped{position:relative}
.jp-cmd{position:absolute;right:6px;top:30px;display:flex;gap:2px;opacity:0;transition:opacity .2s;z-index:2}
.jp-ped:hover .jp-cmd,.jp-ped.aberto .jp-cmd,.jp-cmd:focus-within{opacity:1}
@media (hover:none){.jp-cmd{opacity:.45}}
.jp-cmd button{width:22px;height:20px;border:0;border-radius:6px;background:rgba(5,19,19,.7);color:var(--ss-mudo,#8fb8b2);font-size:11px;line-height:1;cursor:pointer;padding:0;transition:color .15s,background .15s}
.jp-cmd button:hover{background:rgba(111,227,212,.14);color:#eafffb}
.jp-cmd button.on{color:var(--jp-ouro)}
.jp-cmd button.x:hover{color:var(--jp-no);background:rgba(255,122,138,.12)}
.jp-cmd button.confirma{width:auto;padding:0 7px;color:var(--jp-no);background:rgba(255,122,138,.16);font:600 10.5px Inter,sans-serif}
.jp-cmd.ocupado{opacity:.4;pointer-events:none}
.jp-urg{font-style:normal;color:var(--jp-ouro);margin-right:4px;font-size:11px}
.st-pausado .jp-ic{color:var(--jp-ouro);border-color:rgba(255,200,97,.6)}
.st-pausado .jp-barra i{background:rgba(255,200,97,.6)}
.st-pausado .jp-ped-t b{opacity:.75}
#jp-toast{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;border-radius:9px;background:rgba(10,40,38,.95);border:1px solid var(--jp-linha);color:#eafffb;font-size:12px;opacity:0;transform:translateY(6px);transition:all .25s;pointer-events:none;z-index:9}
#jp-toast.on{opacity:1;transform:none}#jp-toast.erro{border-color:rgba(255,122,138,.5)}

/* ===== celular (onde o escritório é mais usado) ===== */
.jp-cmd button span{display:none}
#jp-fundo{display:none}
.jp-rolagem{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (max-width:760px){
  #jp-painel{top:0;bottom:0;height:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;font-size:14.5px}
  #jp-fundo{display:block;position:absolute;inset:0;z-index:19;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s}
  #sala-sam.jp-aberto #jp-fundo{opacity:1;pointer-events:auto}
  .jp-topo{padding:14px 10px 10px 16px}
  .jp-x{width:44px;height:44px;font-size:28px;display:grid!important;place-items:center}
  .jp-sec h3 button{padding:14px 16px 10px;font-size:11px}
  .jp-ped{margin:4px 0}
  .jp-ped-l{padding:11px 10px 6px;gap:11px;min-height:48px}
  .jp-ped-t b{font-size:14.5px}.jp-ped-t small{font-size:12.5px}
  .jp-ped-n{font-size:12px}
  .jp-ic{flex-basis:20px;height:20px}
  .jp-barra{margin-left:41px}
  .jp-etapas{padding-left:41px}
  .jp-et{padding:5px 0;font-size:13.5px}
  .jp-link{min-height:40px;font-size:13.5px}
  /* comandos: no celular aparecem com rótulo quando o pedido é aberto com um toque */
  .jp-cmd{position:static;opacity:1!important;display:none;gap:5px;flex-wrap:wrap;margin:2px 8px 8px 41px}
  .jp-ped.aberto .jp-cmd{display:flex}
  .jp-cmd button{width:auto;height:34px;padding:0 10px;white-space:nowrap;border-radius:999px;border:1px solid rgba(143,184,178,.28);background:rgba(5,19,19,.55);font:500 12.5px Inter,sans-serif;display:inline-flex;align-items:center;gap:6px;color:#cfe9e4}
  .jp-cmd button span{display:inline}
  .jp-cmd button.on{border-color:rgba(255,200,97,.55);color:var(--jp-ouro)}
  .jp-cmd button.x{color:#f3b3bc;border-color:rgba(255,122,138,.3)}
  .jp-cmd button.confirma{background:rgba(255,122,138,.2);border-color:var(--jp-no);color:#ffd0d6;font-weight:600}
  .jp-cmd button.confirma span{font-weight:400;opacity:.8}
  .jp-cmd button:active{transform:scale(.96)}
  #jp-toast{bottom:calc(14px + env(safe-area-inset-bottom));font-size:13.5px;padding:11px 14px}
  /* conversa e cartões confortáveis para o dedo */
  .jp-msg p{font-size:14.5px}
  .jp-chip{min-height:32px}
  #jp-dock{bottom:calc(8px + env(safe-area-inset-bottom))}
  .jp-cartao{padding:13px 14px;font-size:14.5px}
  .jp-op{padding:12px 14px;font-size:14.5px;min-height:46px}
  .jp-bt{min-height:44px;font-size:14px;padding:0 18px;flex:1 1 auto}
  .jp-c-senha input{font-size:16px;padding:12px}
  #sala-sam.com-painel #ss-texto{font-size:16px}
  #sala-sam.com-painel #ss-form button[type=submit]{width:42px;height:42px}
  #jp-abrir{top:calc(env(safe-area-inset-top) + 12px);min-height:38px;padding:8px 13px;font-size:13px}
}

#jp-painel:has(#jp-sec-conv.fechado) #jp-sec-prog{max-height:none;flex:1 1 auto}
@media (max-width:760px){
  #jp-sec-prog{max-height:58%}
  #jp-cartoes{max-height:40vh}
}

.jp-cmd.confirmando button:not(.confirma){display:none}
.jp-cmd button.confirma{width:auto}

/* ===== 13/11 – pedidos do patrão: progresso livre à esquerda, conversa recolhida embaixo ===== */
#jp-sec-prog{flex:1 1 auto;max-height:none}
#jp-dock .jp-gaveta{width:min(680px,100%);background:rgba(9,26,26,.9);border:1px solid rgba(111,227,212,.22);border-radius:14px;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#jp-dock .jp-gaveta h3 button{justify-content:center;padding:7px 12px;font-size:10px;color:var(--ss-ciano,#6fe3d4)}
#jp-dock .jp-gaveta h3 button i{margin-left:6px}
#jp-dock .jp-gaveta .jp-rolagem{max-height:38vh;padding:0 12px 10px}
#jp-dock .jp-gaveta.fechado .jp-rolagem{display:none}
#ss-som{grid-column:2;justify-self:start;opacity:.85}#ss-som.on{opacity:1;border-color:var(--ss-ciano,#6fe3d4)}
#ss-atalhos{display:none!important}
@media (max-width:760px){#jp-dock .jp-gaveta .jp-rolagem{max-height:34vh}}
#jp-dock .jp-gaveta.fechado h3 i{transform:none}
@media (min-width:761px){#jp-dock{left:max(calc(var(--jp-w) + 24px),calc(50% - 340px));right:auto;width:min(680px,calc(100% - var(--jp-w) - 48px))}}
/* 🔔 notificações (13/11): fechadas por padrão, abrem pelo sino */
#jp-sino{position:absolute;top:14px;right:18px;z-index:12;width:44px;height:44px;border-radius:999px;border:1px solid rgba(111,227,212,.35);background:rgba(9,26,26,.85);color:#eafffb;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#jp-sino:hover,#jp-sino.on{border-color:var(--ss-ciano,#6fe3d4);box-shadow:0 0 16px rgba(111,227,212,.35)}
#jp-sino em{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff3b5c;color:#fff;font:700 11px/20px Inter,system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #071514}
#jp-sino em:empty{display:none}
#jp-sino.novo em{animation:jpPulso 1.2s ease-in-out infinite}
@keyframes jpPulso{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
#jp-notif{position:absolute;top:66px;right:18px;z-index:13;width:min(440px,calc(100vw - 24px));max-height:min(70vh,640px);display:flex;flex-direction:column;background:rgba(7,20,20,.97);border:1px solid rgba(111,227,212,.28);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.55);overflow:hidden}
#jp-notif[hidden]{display:none}
#jp-notif header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(111,227,212,.15);font-size:14px;color:#eafffb}
#jp-notif header button{background:none;border:0;color:#9fd;font-size:22px;cursor:pointer;line-height:1}
#jp-notif #jp-cartoes{max-height:none;overflow:auto;padding:10px;gap:10px}
#jp-notif .jp-vazio{padding:16px;margin:0}
#jp-notif .jp-vazio[hidden]{display:none}
#sala-sam #ss-hud-d{margin-right:58px}
@media (max-width:760px){#jp-sino{top:calc(env(safe-area-inset-top) + 10px);right:10px}#jp-notif{top:calc(env(safe-area-inset-top) + 60px);right:10px;left:10px;width:auto}}

/* notificações: × para fechar e botões de ver vídeo/PDF (13/11) */
.jp-cartao{position:relative}
.jp-c-x{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:8px;border:1px solid var(--jp-linha);background:rgba(0,0,0,.25);color:#cfe;font:400 19px/1 Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.jp-c-x:hover{background:rgba(255,122,138,.18);color:#fff}
.jp-cartao .jp-c-top{padding-right:34px}
.jp-c-ver{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.jp-c-ver:empty{display:none}
.jp-bt.ver{background:rgba(111,227,212,.1);border-color:rgba(111,227,212,.45);color:#dffcf7}
@media (max-width:760px){.jp-c-x{width:36px;height:36px}.jp-c-ver .jp-bt{flex:1 1 auto;min-height:40px}}