/* =====================================================================
   JANELAS RÁPIDAS DA BATALHA — 04/10
   ---------------------------------------------------------------------
   Quem monta: src/ui/janelas-rapidas.js. Boss da área, Inventário raro e
   Skills abrem numa janela (no estilo do painel da Relíquia) em vez de
   abrir em sanfona. O cartão Farm saiu da coluna (a arena já mostra).
   ===================================================================== */

/* O cartão Farm saiu: a arena já mostra o farm e o gold. */
#gameShell .battle-right-rail>[data-rail-card="farm"]{display:none!important}

/* Os cartões que abrem janela nunca abrem em sanfona; a seta vira "abre". */
#gameShell [data-side-panel="boss"] .collapsible-panel-body,
#gameShell [data-side-panel="resources"] .collapsible-panel-body,
/* A linha "Skills" (e o corpo dela) saiu do cartão Ordens de batalha (?v=663):
   tocar na skill da arena já mostra a ficha, e a IA fica no menu de Skills. */
#gameShell [data-side-panel="automation"]>.collapsible-panel-body,
#gameShell [data-side-panel="automation"]>.compact-section-toggle{display:none!important}
#gameShell :is([data-side-panel="boss"],[data-side-panel="resources"]) .rail-toggle-chevron{transform:rotate(-90deg)!important}
#gameShell .jr-ativo{border-color:rgba(215,169,68,.7)!important;box-shadow:0 0 0 1px rgba(215,169,68,.35),0 0 18px rgba(215,169,68,.18)!important}

/* ------------------------------------------------------------ moldura */
.jr-fundo{position:fixed;inset:0;z-index:1100;background:rgba(5,7,12,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.jr-janela{
  position:fixed;z-index:1101;display:flex;flex-direction:column;overflow:hidden;
  background:linear-gradient(180deg,#1b1d27,#12141b);color:#e8ebf2;
  border:1px solid rgba(215,169,68,.55);border-radius:14px;
  box-shadow:0 22px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);
  font-family:Arial,sans-serif;
}
.jr-janela{left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 24px));max-height:min(86vh,720px)}

.jr-cabeca{display:flex;align-items:center;gap:10px;padding:12px 12px 10px 14px;border-bottom:1px solid rgba(215,169,68,.18);background:linear-gradient(90deg,rgba(215,169,68,.08),transparent 70%)}
.jr-cabeca>div{flex:1;min-width:0}
.jr-cabeca small{display:block;font:900 calc(9px * var(--text-scale,1))/1.2 Arial,sans-serif;letter-spacing:2px;color:#d7a944}
.jr-cabeca h2{margin:2px 0 0;font:700 calc(19px * var(--text-scale,1))/1.15 Cinzel,Georgia,serif;color:#f6ead0;overflow-wrap:anywhere}
.jr-icone{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-style:normal}
.jr-icone img{width:26px;height:26px;object-fit:contain}
.jr-fechar{flex:none;width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:#232633;color:#fff;font-size:15px;cursor:var(--cur-mao,pointer)}
.jr-corpo{padding:12px 14px 14px;overflow:auto;overscroll-behavior:contain}
.jr-sec{margin:12px 0 7px;font:900 calc(9px * var(--text-scale,1))/1.2 Arial,sans-serif;letter-spacing:1.6px;color:#8e97aa;text-transform:uppercase}
.jr-sec:first-child,.jr-grupo:first-child>.jr-sec{margin-top:0}

/* ------------------------------------------------------------ Boss */
.jr-boss-topo{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.jr-boss-topo strong{font:700 calc(20px * var(--text-scale,1))/1.15 Cinzel,Georgia,serif;color:#fff;overflow-wrap:anywhere}
.jr-selo{flex:none;padding:5px 9px;border-radius:999px;font:900 calc(9.5px * var(--text-scale,1))/1 Arial,sans-serif;letter-spacing:.8px;color:#c9cfdb;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.jr-selo.ok{color:#f5d27a;background:rgba(215,169,68,.14);border-color:rgba(215,169,68,.5)}
.jr-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.jr-chips>span{min-width:0;padding:8px 10px;border-radius:10px;background:#171b24;border:1px solid rgba(255,255,255,.06);font-weight:700;font-size:calc(12.5px * var(--text-scale,1));color:#eef1f6;overflow-wrap:anywhere}
.jr-chips small{display:block;margin-bottom:3px;font:900 calc(8.5px * var(--text-scale,1))/1 Arial,sans-serif;letter-spacing:1.2px;color:#7e889b}
.jr-drop{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 10px;border-radius:10px;background:#171b24;border:1px solid rgba(255,255,255,.06)}
.jr-drop b{font-size:calc(13px * var(--text-scale,1));color:#f6ead0}
.jr-drop span{font-size:calc(11.5px * var(--text-scale,1));color:#aab3c3}
.jr-joias{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.jr-joias>span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 5px;border-radius:999px;background:#171b24;border:1px solid rgba(255,255,255,.08);font-weight:800;font-size:calc(12px * var(--text-scale,1))}
.jr-joias img{width:22px;height:22px;object-fit:contain}
.jr-rodape{display:block;margin-top:10px;color:#7e889b;font-size:calc(10.5px * var(--text-scale,1));line-height:1.35}

/* ------------------------------------------------------------ Inventário raro */
.jr-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.jr-item{min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;border-radius:10px;background:#171b24;border:1px solid rgba(255,255,255,.07);text-align:center;cursor:var(--cur-seta,help)}
.jr-item img,.jr-glifo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.jr-glifo{display:grid;place-items:center;font-style:normal;font-size:22px;color:#c4a9ff}
.jr-item strong{font-size:calc(14px * var(--text-scale,1));color:#fff;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.jr-item span{font-size:calc(9px * min(var(--text-scale,1),1.1));color:#9aa3b5;line-height:1.15;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal;hyphens:auto}
.jr-item.zero{opacity:.5}
.jr-item.zero strong{color:#9aa3b5}


/* ------------------------------------------------------------ celular */
@media (max-width:420px){
  .jr-corpo{padding:10px 10px 12px}
  .jr-grade{gap:6px}
  .jr-item img,.jr-glifo{width:30px;height:30px}
}
/* Celular deitado: pouca altura, a janela usa quase tudo. */
@media (max-height:500px){
  .jr-janela{max-height:calc(100vh - 16px)}
  .jr-janela[data-painel="resources"]{width:min(860px,calc(100vw - 24px))}
  .jr-recursos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
  .jr-grupo:nth-child(2)>.jr-sec{margin-top:0}
}
/* Tela grande (2560/4K): a janela cresce junto, para não ficar miúda. */
@media (min-width:2200px) and (min-height:1200px){.jr-janela{zoom:1.3}}
@media (min-width:3400px) and (min-height:1800px){.jr-janela{zoom:1.7}}