/* =========================
   🌐 ETAT RESEAU FLOTTANT
========================= */

.kn-network-floating{
  position:fixed;
  bottom:20px;
  right:20px;
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:9999;
  box-shadow:
    0 4px 15px rgba(0,0,0,.20);
  transition:.2s;
}

.kn-network-floating:hover{
  transform:scale(1.08);
}

.kn-network-dot{
  width:18px;
  height:18px;
  border-radius:50%;
}

/* =========================
   EN LIGNE
========================= */

.kn-network-online{
  background:#ecfdf5;
  border:1px solid #bbf7d0;
}

.kn-network-online .kn-network-dot{
  background:#22c55e;
  box-shadow:
    0 0 0 5px rgba(34,197,94,.15);
}

/* =========================
   HORS LIGNE
========================= */
.kn-network-offline{
  background:#fef2f2;
  border:1px solid #fecaca;
}

.kn-network-offline .kn-network-dot{
  background:#ef4444;
  box-shadow:
    0 0 0 5px rgba(239,68,68,.15);
}

/* =========================
   POPUP
========================= */

.kn-network-popup{
  position:fixed;
  bottom:90px;
  right:20px;
  min-width:260px;
  background:#ffffff;
  border-radius:12px;
  padding:15px;
  border:1px solid #e5e7eb;
  box-shadow:
    0 10px 25px rgba(0,0,0,.15);
  z-index:9999;
  font-size:13px;
  line-height:1.5;
}

.kn-network-popup strong{

  display:block;

  margin-bottom:5px;
}

.kn-network-hidden{

  display:none !important;
}