/* ======================================================
   NUMERY – LISTA
   PATH: /public_html/app/portal/css/numery.css
====================================================== */

.numery-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:24px;
}

/* ===== GRID ===== */

.firmy-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px,1fr));
  gap:24px;
}

/* ===== KARTA NUMERU ===== */

.numer-card{
  position:relative;
  background:#fff;
  border:2px solid #e9e6f5;
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  gap:6px;
}

.numer-card:hover{
  box-shadow:0 22px 50px rgba(0,0,0,.20);
}

/* ===== BADGE ===== */

.numer-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:#3b2f7f;
  color:#fff;
  font-size:11px;
  font-weight:800;
  padding:4px 12px;
  border-radius:999px;
}

/* ===== TYTUŁ ===== */

.numer-title{
  margin-top:28px;
  font-size:18px;
  font-weight:900;
}

.numer-title a{
  text-decoration:none;
  color:#3b2f7f;
}

/* ===== STATUS ===== */

.numer-status-badge{
  font-size:13px;
  font-weight:800;
}

.status-spam{color:#c62828}
.status-niebezpieczny{color:#ef6c00}
.status-neutralny{color:#666}
.status-bezpieczny{color:#2e7d32}

/* ===== META ===== */

.numer-nazwa{
  font-size:13px;
  color:#333;
}

.numer-operator{
  font-size:12px;
  font-weight:700;
}

.numer-operator.prefix{
  color:#444;
}

.numer-operator.hlr{
  color:#3b2f7f;
}

/* ===== OPINIE ===== */

.opinie-mini{
  display:flex;
  gap:12px;
  font-size:13px;
}

.reputacja{
  font-size:14px;
  margin-top:6px;
}

.rep-negative{color:#c62828;font-weight:800}
.rep-positive{color:#2e7d32;font-weight:800}
.rep-neutral{color:#666;font-weight:800}

/* ===== SIDEBAR ===== */

.numery-side .card{
  background:#fff;
  border-radius:16px;
  padding:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* ===== FILTRY ===== */

#numeryFilters{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:20px 0;
}

#numeryFilters select,
#numeryFilters input{
  height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #d0d0e6;
  font-size:14px;
}

/* ===== MOBILE ===== */

@media(max-width:900px){
  .numery-layout{
    grid-template-columns:1fr;
  }
}