/* =============================================================================
   NP NETWORK — কনসোল-কার্ড «Neon Pulse» · v2 · [R24 2026-10-19]
   -----------------------------------------------------------------------------
   ভিত্তি: লাইভ কনসোল-কার্ডের আসল HTML (jsdom-ডাম্পে যাচাইকৃত, ২০২৬-১০-১৯)

     <div class="console-card" style="padding:14px;gap:10px;display:flex;column">
       <div style="display:flex;align-items:center;gap:10px">      ← হেডার-সারি
         [182] [logo]
         <div style="flex:1;min-width:0">
           <div data-copy="1">85531XXX <span>📋</span></div>       ← রেঞ্জ-বক্স
           <div class="svc-name" style="margin-top:2px">PAYPAL</div> ← ★ ডুপ্লিকেট
           <div style="gap:6px;margin-top:4px">[PAYPAL][🌐 ..][⚙️ ..]</div> ← চিপ
         </div>
         [Live]
       </div>
       <div style="padding:12px">💬 মেসেজ</div>                      ← মেসেজ-বক্স
       <div>🕐 1m ago</div>
     </div>

   v2-তে যা করা হয়েছে
     ① মাঝের ডুপ্লিকেট «PAYPAL» (.svc-name) — সরানো        (চিপে-ই আছে)
     ② রেঞ্জ-বক্স — উজ্জ্বল নীল গ্রেডিয়েন্ট + সাদা লেখা + গ্লো-পালস + ঝিলিক
     ③ ৩টি চিপ — Neon স্টাইল + ধাপে ধাপে পালস-রিং
     ④ ★নতুন★ চাপাচাপি সারানো — কার্ড/সারি/চিপ/রেঞ্জ-বক্সে পর্যাপ্ত ফাঁকা
   যা অপরিবর্তিত
     • সব লেখা/তথ্য · স্ট্যাটাস সার্কেল · লোগো · Live পিল · মেসেজ · সময়
     • শুধুমাত্র #view-console-এ প্রযোজ্য
   রোলব্যাক: index.html থেকে এই ফাইলের <link> লাইনটি মুছলেই (বা .bak ফাইল rename)।
   ============================================================================= */

/* ① ডুপ্লিকেট সার্ভিস-নাম সরানো (মাঝের «PAYPAL» লেখা) */
#view-console .console-card .svc-name{
  display:none !important;
}

/* ② কার্ড — ভেতরে আরেকটু ফাঁকা (১৪/১০ → ১৬/১৩) */
#view-console .console-card{
  padding:16px !important;
  gap:13px !important;
}

/* ③ হেডার-সারি — সার্কেল/লোগো/লেখার মাঝে ফাঁকা (১০ → ১২) */
#view-console .console-card > div:nth-child(1){
  gap:12px !important;
}

/* ④ রেঞ্জ-বক্স — Neon Pulse + আরামদায়ক প্যাডিং */
#view-console .console-card [data-copy]{
  background:linear-gradient(120deg,#1d4ed8,#2563eb) !important;
  background-color:#2563eb !important;
  color:#ffffff !important;
  border:1px solid #1e40af !important;
  border-radius:12px !important;
  padding:7px 13px !important;
  line-height:1.4 !important;
  position:relative;
  /* ⚠️ overflow:hidden রাখা হয়নি — রাখলে গ্লো-রিং কেটে যেত */
}
/* গ্লো-রিং ::after-এ — কারণ Ocean CSS [data-copy]-এ box-shadow !important দেয়,
   আর ক্যাসকেড-নিয়মমতে !important ডিক্লেয়ারেশন CSS-অ্যানিমেশনকে হারিয়ে দেয় */
#view-console .console-card [data-copy]::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  pointer-events:none;
  animation:npRangeGlow 2.6s ease-in-out infinite;
}
/* ভেতরে হালকা ঝিলিক */
#view-console .console-card [data-copy]::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(105deg,
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,.30) 50%,
    rgba(255,255,255,0) 60%);
  background-size:250% 100%;
  animation:npRangeSheen 3.4s ease-in-out infinite;
  pointer-events:none;
}
/* কপি (📋) আইকন — সাদাটে (নাম্বার ও আইকনের মাঝের gap:8px রানটাইমেই আছে) */
#view-console .console-card [data-copy] > span{
  color:rgba(255,255,255,.85) !important;
}
@keyframes npRangeGlow{
  0%,100%{ box-shadow:0 0 0 3px rgba(37,99,235,.14), 0 6px 16px rgba(37,99,235,.28) }
  50%    { box-shadow:0 0 0 6px rgba(37,99,235,.20), 0 8px 22px rgba(37,99,235,.44) }
}
@keyframes npRangeSheen{
  0%        { background-position:180% 0 }
  55%,100%  { background-position:-80% 0 }
}

/* ⑤ চিপ-সারি — রেঞ্জ-বক্স থেকে নিচে পর্যাপ্ত ফাঁকা (৪ → ৯) + চিপে ৮ */
#view-console .console-card .svc-name + div{
  gap:8px !important;
  margin-top:9px !important;
}

/* ⑥ তিনটে চিপ — Neon + আরেকটু ফাঁকা (৩×৮ → ৪×১০) */
#view-console .console-card .svc-name + div > span{
  background:#eff6ff !important;
  border:1px solid #93c5fd !important;
  color:#1d4ed8 !important;
  border-radius:999px !important;
  padding:4px 10px !important;
  line-height:1.45 !important;
  animation:npChipPulse 2.4s ease-in-out infinite;
}
/* প্রথম চিপ (সার্ভিসের নাম) — একটু ঘন */
#view-console .console-card .svc-name + div > span:nth-child(1){
  background:#dbeafe !important;
  border-color:#60a5fa !important;
  font-weight:800 !important;
}
/* ধাপে ধাপে পালস */
#view-console .console-card .svc-name + div > span:nth-child(2){ animation-delay:.40s }
#view-console .console-card .svc-name + div > span:nth-child(3){ animation-delay:.80s }
@keyframes npChipPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(59,130,246,.45) }
  70%    { box-shadow:0 0 0 7px rgba(59,130,246,0) }
}

/* ⑦ মেসেজ-বক্স — ভেতরে আরেকটু ফাঁকা */
#view-console .console-card > div:nth-child(2){
  padding:13px 14px !important;
}

/* ⑧ কার্ডগুলোর মাঝে আরেকটু ফাঁকা (১২ → ১৫) */
#view-console #console{
  gap:15px;
}

/* ♿ ফোনে "কম মুভমেন্ট" চালু থাকলে এনিমেশন বন্ধ */
@media (prefers-reduced-motion:reduce){
  #view-console .console-card [data-copy]::after,
  #view-console .console-card [data-copy]::before,
  #view-console .console-card .svc-name + div > span{
    animation:none !important;
  }
}