/* Bileşen baloncuklarının her ekranda görünmesi için "zorunlu" temel stil */
:root{
  --card-bg: rgba(0,200,255,0.07);
  --card-br: 1px solid rgba(0,200,255,0.20);
  --card-blur: blur(6px);
}

/* Varsayılan (tüm kırılımlar) */
.card,
.step,
.highlight,
.item,
.phase,
.notice
{
  background: var(--card-bg) !important;
  border: var(--card-br) !important;
  border-radius: 16px;
  backdrop-filter: var(--card-blur);
  -webkit-backdrop-filter: var(--card-blur);
  background-clip: padding-box;
}

/* Step özel marjin/padding (sayfalarından gelir; burada tutarlı kılıyoruz) */
.step { padding: 16px 18px; border-left: 3px solid #00c8ff; border-radius: 10px; }

/* Masaüstünde bazı temalarda kaybolmayı engellemek için
   açıkça tekrar tanımlıyoruz */
@media (min-width: 601px) {
  .card,
  .step,
  .highlight,
  .item,
  .phase,
  .notice
  {
    background: var(--card-bg) !important;
    border: var(--card-br) !important;
  }
}

/* Verification pills */
.pill.ok{border-color:rgba(0,255,160,.25); background:rgba(0,255,160,.08);}
.pill.warn{border-color:rgba(255,210,120,.25); background:rgba(255,210,120,.08);}


/* Simple note blocks (reviews / admin text) */
.note{
  margin-top:10px;
  opacity:0.92;
  line-height:1.45;
  white-space:pre-wrap;
}