.veli-rozet {
  display: inline-block; margin: 0 0 10px; padding: 3px 10px; border-radius: 999px;
  background: var(--su-zemin); color: var(--su-metin); font-size: var(--fs-13); font-weight: 600;
}
.istege-bagli { color: var(--metin-3); font-weight: 400; }
.veli-yukleniyor { margin: 0; color: var(--metin-2); }
.veli-alt { color: var(--metin-2); font-size: var(--fs-15); margin: 0 0 12px; }

.veli-maddeler { margin: 0 0 20px; padding-left: 20px; color: var(--metin-2); font-size: var(--fs-15); line-height: 1.55; }
.veli-maddeler li + li { margin-top: 6px; }
.veli-maddeler a { color: var(--link); }
#vGiris .notice, #vOnay .notice { margin-bottom: 14px; }

.veli-panel { width: min(760px, 100%); margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.veli-panel-bas h1 { margin: 0 0 6px; font-size: clamp(1.6rem, 3.2vw, 2.1rem); }
.veli-cocuklar { display: flex; flex-direction: column; gap: 16px; }
.veli-kart {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r-yuzey);
  padding: clamp(18px, 3.5vw, 24px);
}
.veli-kart h2 { font-size: var(--fs-20); margin: 0; }
.veli-kart h3 { font-size: var(--fs-15); margin: 18px 0 8px; }
.veli-bos h2 { margin-bottom: 6px; }
.veli-cocuk-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 6px; }
.veli-cocuk.durum-bekliyor { border-color: var(--turuncu-cizgi); border-top: 4px solid var(--turuncu); }

.veli-cip {
  display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px;
  font-size: var(--fs-13); font-weight: 600; border: 1px solid transparent;
}
.veli-cip::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.veli-cip.bekliyor { background: var(--turuncu-zemin); border-color: var(--turuncu-cizgi); color: var(--turuncu); }
.veli-cip.aktif { background: var(--su-zemin); color: var(--su-metin); }
.veli-cip.resit { background: var(--yuzey-2); color: var(--metin-2); }

.veli-cocuk-onay { margin-top: 12px; }
.veli-cocuk-onay .notice { margin: 0 0 12px; }
.veli-hedef { margin: 10px 0 4px; font-size: var(--fs-15); }

.veli-ilerleme { margin-top: 14px; }
.veli-cubuk { height: 8px; border-radius: 999px; background: var(--yuzey-2); overflow: hidden; }
.veli-cubuk span { display: block; height: 100%; border-radius: inherit; background: var(--su-500); }
.veli-ilerleme-yazi { margin: 8px 0 0; font-size: var(--fs-13); color: var(--metin-2); }
.veli-geciken { margin: 4px 0 0; font-size: var(--fs-13); color: var(--turuncu); font-weight: 600; }

.veli-maddeler-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.veli-madde { display: flex; gap: 10px; align-items: flex-start; }
.veli-madde-isaret {
  flex: 0 0 20px; height: 20px; margin-top: 2px; border-radius: 6px; border: 1.5px solid var(--cizgi);
  display: inline-grid; place-items: center; font-size: 12px; font-weight: 700; color: var(--su-metin);
}
.veli-madde.tamam .veli-madde-isaret { background: var(--su-zemin); border-color: transparent; }
.veli-madde-govde { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.veli-madde-baslik { font-size: var(--fs-15); overflow-wrap: anywhere; }
.veli-madde.tamam .veli-madde-baslik { color: var(--metin-2); text-decoration: line-through; text-decoration-color: var(--metin-3); }
.veli-madde-alt { font-size: var(--fs-13); color: var(--metin-3); }
.veli-madde-alt.gecikti { color: var(--turuncu); }

.veli-tum { margin-top: 16px; border-top: 1px solid var(--cizgi-hafif); padding-top: 12px; }
.veli-tum summary { cursor: pointer; font-weight: 600; font-size: var(--fs-15); color: var(--link); }
.veli-tum[open] summary { margin-bottom: 12px; }

.veli-davet h2 { margin-bottom: 6px; }
.veli-davet .notice { margin: 0 0 12px; }
.veli-kod { margin: 4px 0 12px; }
.veli-kod-sayi { font-family: var(--font-baslik); font-size: 2.5rem; font-weight: 700; letter-spacing: .2em; line-height: 1.1; color: var(--metin); margin: 0 0 4px; }