/* PRL-VISITAS-MODAL-V1 - visual isolado do painel de estatisticas */
/* A secao operacional ocupa toda a largura apos retirar as visitas da grade. */
#appView.prl-visitas-modal-ready main > .reactivation-box[aria-labelledby="reactivationTitle"] { grid-column: 1 / -1; }
#appView main > .top #prlOpenVisits { background:#fff; color:#192d48; border:1px solid #e5ebf3; }
#appView main > .top #prlOpenVisits:hover { background:#eff5ff; }
#appView main > .top #prlOpenVisits:focus-visible { outline:3px solid #87b5ff; outline-offset:3px; }
#appView .prl-visitas-overlay { position:fixed; inset:0; background:rgba(12,23,40,.76); z-index:1001; display:flex; align-items:center; justify-content:center; padding:20px; overflow:auto; }
#appView .prl-visitas-overlay[hidden] { display:none !important; }
#appView .prl-visitas-dialog { width:min(800px,100%); max-height:min(92dvh,900px); overflow:auto; background:#fff; color:#1b2b43; border-radius:22px; box-shadow:0 25px 75px rgba(0,0,0,.28); padding:26px; outline:none; }
#appView .prl-visitas-dialog-top { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:18px; border-bottom:1px solid #e7ebf2; padding-bottom:18px; }
#appView .prl-visitas-dialog-top h2 { font-size:25px; margin:2px 0 6px; line-height:1.15; color:#132844; }
#appView .prl-visitas-dialog-top .prl-visitas-kicker { margin:0 0 7px; font-size:10px; color:#e3243a; font-weight:850; letter-spacing:.13em; }
#appView .prl-visitas-intro { color:#64748b; font-size:13px; margin:0; line-height:1.5; }
#appView #prlCloseVisits { background:#f0f3f8; color:#17283f; border:1px solid #dce3ec; border-radius:10px; padding:11px 14px; min-width:86px; }
#appView #prlCloseVisits:focus-visible { outline:3px solid #87b5ff; outline-offset:2px; }
/* Modifica o posicionamento apenas dentro da janela; os elementos existentes sao preservados. */
#appView #prlVisitsDialog #prl-site-visitas { display:block !important; margin:0 !important; padding:0 !important; width:100% !important; height:auto !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; grid-column:auto !important; min-width:0 !important; }
#appView #prlVisitsDialog #prl-site-visitas .prl-visits-heading { display:none; }
#appView #prlVisitsDialog #prl-site-visitas .prl-visits-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#appView #prlVisitsDialog #prl-site-visitas .prl-visits-box { background:#f5f8fc; border:1px solid #e3eaf3; border-radius:14px; min-height:110px; padding:20px; }
#appView #prlVisitsDialog #prl-site-visitas .prl-visits-box:first-child { background:#fff1f3; border-color:#ffdce2; }
#appView #prlVisitsDialog #prl-site-visitas .prl-visits-updated { margin:17px 0 0; font-size:11px; color:#728098; }
@media (max-width:560px) {
  #appView .prl-visitas-overlay { padding:10px; align-items:center; }
  #appView .prl-visitas-dialog { padding:17px; border-radius:16px; max-height:94dvh; }
  #appView .prl-visitas-dialog-top { gap:8px; }
  #appView .prl-visitas-dialog-top h2 { font-size:20px; }
  #appView #prlCloseVisits { font-size:11px; min-width:0; padding:9px; }
  #appView #prlVisitsDialog #prl-site-visitas .prl-visits-grid { gap:9px; }
  #appView #prlVisitsDialog #prl-site-visitas .prl-visits-box { min-height:95px; padding:13px; }
  #appView #prlVisitsDialog #prl-site-visitas .prl-visits-label { font-size:10.5px; }
  #appView #prlVisitsDialog #prl-site-visitas .prl-visits-value { font-size:25px; }
}
@media (max-width:350px) {
  #appView #prlVisitsDialog #prl-site-visitas .prl-visits-grid { grid-template-columns:1fr; }
}
