/* Profil, ayarlar, sertifika, istek listesi, menü grupları */
/* .menu-grup app.css'e tasindi (tek kaynak) — burada tanimlanirsa onu ezer. */
.yan-menu nav form { margin: 0; }
.yan-menu nav form button { display: flex; width: 100%; align-items: center; gap: 11px; min-height: 37px; padding: 0 11px; border: 0; border-radius: 9px; color: #aab2bf; background: transparent; font: inherit; font-size: 13px; font-weight: 500; text-align: left; cursor: pointer; }
.yan-menu nav form button span { display: inline-grid; width: 18px; flex: 0 0 18px; color: #7d8695; place-items: center; line-height: 1; }
.yan-menu nav form button span svg { width: 18px; height: 18px; }
.yan-menu nav form button:hover { color: #fff; background: rgba(255,255,255,.06); }
.yan-alt .avatar img, .profil-avatar { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.yan-alt .avatar { overflow: hidden; }
/* profil */
.profil-banner { position: relative; overflow: hidden; display: flex; align-items: center; gap: 18px; margin-bottom: 20px; padding: 20px 24px; border-radius: var(--radius); color: #fff; background: linear-gradient(120deg, #161d28 0%, #2a3550 55%, #c90f1d 100%); }
.profil-banner::after { position: absolute; right: -60px; top: -80px; width: 260px; height: 260px; border: 45px solid rgba(255,255,255,.07); border-radius: 50%; content: ''; }
.profil-banner .profil-avatar, .profil-banner .profil-avatar--harf { width: 68px; height: 68px; flex: 0 0 auto; border: 2px solid rgba(255,255,255,.8); box-shadow: 0 8px 22px rgba(0,0,0,.22); font-size: 22px; }
.profil-avatar--harf { display: grid; border-radius: 50%; color: #fff; background: var(--kirmizi); font-size: 22px; font-weight: 650; letter-spacing: .01em; place-items: center; }
.profil-banner h1 { margin: 0 0 3px; font-size: clamp(20px, 2.4vw, 24px); font-weight: 650; letter-spacing: -.02em; }
.profil-banner p { margin: 0; color: #d9dde4; font-size: var(--yazi-meta); font-weight: 400; }
.profil-banner small { display: block; margin-top: 4px; color: #aab1bc; font-size: var(--yazi-mini); }
.profil-banner .profil-durum { position: absolute; right: 24px; top: 50%; padding: 5px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(255,255,255,.1); font-size: var(--yazi-rozet); font-weight: 600; transform: translateY(-50%); }
.profil-yerlesim { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.4fr); gap: 20px; align-items: start; }
.profil-yerlesim--ayarlar { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .9fr); }
.profil-sag { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 20px; } /* B-003/B-004 */
.profil-karti { padding-bottom: 6px; }
/* 17 Eyl: fotoğraf bölümü (tekrar eden ad/avatar bloğunun yerine) */
.profil-foto { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 16px; padding: 0 22px 18px; }
.profil-foto .profil-avatar, .profil-foto .profil-avatar--harf { width: 72px; height: 72px; }
.profil-foto-islem { display: grid; justify-items: start; gap: 8px; min-width: 0; }
.profil-foto-islem small { color: var(--soluk); font-size: var(--yazi-rozet); line-height: 1.45; }
.profil-avatar-formu { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.profil-foto-sec { position: relative; max-width: 100%; }
.profil-foto-sec span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profil-foto-sec svg { order: -1; }
.profil-foto-sec input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.profil-foto-sec:focus-within { outline: 3px solid rgba(var(--vurgu-rgb), .2); outline-offset: 2px; }
.profil-avatar-sil { margin: 0; }
.profil-avatar-sil .metin-dugme { font-size: var(--yazi-mini); font-weight: 600; }
.profil-ozet li:first-child { border-top: 1px solid #eef0f3; }
.profil-formu { padding-top: 0; }
.profil-formu select { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--cizgi); border-radius: 9px; color: var(--metin); background: #fff; font: inherit; }
/* 17 Eyl: form ölçeği — etiket 12/600, alan 14/400 (önce 12/500, seçim kutusu kalındı) */
.profil-formu label { gap: 6px; font-weight: 600; }
.profil-formu input, .profil-formu select, .profil-formu textarea { min-height: 40px; border-radius: 10px; font-size: var(--yazi-govde); font-weight: 400; }
.profil-formu input:focus, .profil-formu select:focus, .profil-formu textarea:focus { border-color: #cfd3da; outline: 0; box-shadow: 0 0 0 3px rgba(var(--vurgu-rgb), .08); }
.profil-formu .odev-form-islemleri { display: flex; justify-content: flex-end; }
/* ayarlar — 17 Eyl: yazı ölçeği (başlık 650, etiket 600, gövde 400); tercihler tek listede,
   onay kutuları anahtar. Önceki: satır başlığı 13px/900, her tercih ayrı çerçeve, düğmeler 16px/750. */
.ayar-formu { display: grid; gap: 14px; padding: 0 22px 22px; }
.ayar-formu label { display: grid; gap: 6px; color: var(--metin); font-size: var(--yazi-mini); font-weight: 600; }
.ayar-formu input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .ayar-formu select { width: 100%; min-height: 40px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 10px; color: var(--metin); background: #fff; font: inherit; font-size: var(--yazi-govde); font-weight: 400; transition: border-color .15s ease, box-shadow .15s ease; }
.ayar-formu input:focus, .ayar-formu select:focus { border-color: #cfd3da; outline: 0; box-shadow: 0 0 0 3px rgba(var(--vurgu-rgb), .08); }
.ayar-formu input::placeholder { color: #a3a9b3; }
.ayar-listesi { overflow: hidden; border: 1px solid var(--cizgi); border-radius: 12px; }
.ayar-satiri { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; cursor: pointer; transition: background .12s ease; }
.ayar-satiri + .ayar-satiri { border-top: 1px solid #eef0f3; }
.ayar-satiri:hover { background: #fafbfc; }
.ayar-satiri strong { display: block; color: var(--metin); font-size: var(--yazi-meta); font-weight: 600; }
.ayar-satiri small { display: block; margin-top: 2px; color: var(--soluk); font-size: var(--yazi-mini); font-weight: 400; line-height: 1.45; }
.ayar-satiri--pasif { cursor: default; background: #fafbfc; }
.ayar-satiri--pasif:hover { background: #fafbfc; }
.ayar-satiri--pasif strong, .ayar-satiri--pasif small { color: #9aa1ac; }
.ayar-satiri--pasif select { width: auto; min-height: 32px; padding: 0 8px; font-size: var(--yazi-mini); }
/* anahtar */
.ayar-satiri input[type="checkbox"] { position: relative; flex: 0 0 36px; width: 36px; height: 20px; margin: 0; border-radius: 99px; background: #d5d9df; cursor: pointer; appearance: none; -webkit-appearance: none; transition: background .18s ease; }
.ayar-satiri input[type="checkbox"]::before { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(20, 24, 33, .25); transition: transform .18s ease; }
.ayar-satiri input[type="checkbox"]:checked { background: var(--kirmizi); }
.ayar-satiri input[type="checkbox"]:checked::before { transform: translateX(16px); }
.ayar-satiri input[type="checkbox"]:focus-visible { outline: 3px solid rgba(var(--vurgu-rgb), .22); outline-offset: 2px; }
.ayar-satiri input[type="checkbox"]:disabled { background: #e7c3c6; cursor: default; }
.ayar-islem { display: flex; justify-content: flex-end; }
.ayar-uyari { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 10px 12px; border: 1px solid #f1dfb4; border-radius: 10px; color: #6f5310; background: #fffaf0; font-size: var(--yazi-mini); font-weight: 400; line-height: 1.5; }
.ayar-uyari svg { flex: 0 0 15px; width: 15px; height: 15px; margin-top: 1px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.6; }
@media (prefers-reduced-motion: reduce) {
  .ayar-satiri input[type="checkbox"], .ayar-satiri input[type="checkbox"]::before { transition: none; }
}
.profil-cikis { padding: 0 22px 20px; }
.profil-cikis .cikis-formu button { min-height: 34px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 10px; color: #99121c; background: #fff; font: inherit; font-size: var(--yazi-meta); font-weight: 600; cursor: pointer; transition: border-color .15s ease, background .15s ease; }
.profil-cikis .cikis-formu button:hover { border-color: #f1c4c8; background: #fff6f6; }
.profil-demo-sifirla { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 22px 20px; color: var(--soluk); font-size: 13px; }
/* hesap güvenliği: panel şeritleri, profil kartı, yönetim ekranı */
.hesap-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 20px; padding: 14px 18px; border: 1px solid #f3d08a; border-radius: 13px; background: #fff8e8; }
.hesap-serit-ikon { display: grid; width: 34px; height: 34px; flex: 0 0 auto; border-radius: 50%; color: #8a5b00; background: #fdedc9; font-size: 16px; place-items: center; }
.hesap-serit-metin { flex: 1 1 260px; }
.hesap-serit-metin strong { display: block; font-size: 13px; }
.hesap-serit-metin small { display: block; margin-top: 3px; color: #7a6132; font-size: 12px; line-height: 1.5; }
.hesap-serit-islem { margin: 0; }
.hafta-ozet { margin-bottom: 20px; }
.hafta-ozet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; padding: 0 22px 22px; }
.hafta-ozet-kutu { padding: 14px 16px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fbfbfc; }
.hafta-ozet-kutu strong { display: block; font-size: 24px; letter-spacing: -.03em; }
.hafta-ozet-kutu small { display: block; margin-top: 2px; color: var(--soluk); font-size: 12px; font-weight: 700; }
.profil-guvenlik-islemler { display: flex; flex-wrap: wrap; gap: 10px; padding: 4px 22px 0; }
.profil-guvenlik-islemler form { margin: 0; }
.profil-guvenlik-not { margin: 12px 22px 20px; color: var(--soluk); font-size: 12px; line-height: 1.55; }
.guvenlik-uyari { margin-bottom: 18px; padding: 12px 16px; border: 1px solid #f3d08a; border-radius: 11px; color: #7a6132; background: #fff8e8; font-size: 13px; line-height: 1.55; }
.guvenlik-baglanti { margin-bottom: 20px; border-color: #bce8d7; }
.guvenlik-baglanti-kutu { padding: 0 22px 20px; }
.guvenlik-baglanti-kutu code { display: block; overflow-wrap: anywhere; padding: 12px 14px; border: 1px dashed #8fd0b6; border-radius: 10px; color: #0a5c40; background: #f1fbf6; font-size: 13px; }
.guvenlik-baglanti-kutu small { display: block; margin-top: 8px; color: var(--soluk); font-size: 12px; }
.guvenlik-islem { display: flex; flex-wrap: wrap; gap: 8px; }
.guvenlik-satir-form { margin: 0; }
.guvenlik-sure { color: var(--soluk); font-size: 12px; font-weight: 500; }
/* sertifika */
.sertifika-araclar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.sertifika-belge { position: relative; overflow: hidden; max-width: 900px; padding: 46px 54px; border: 10px double #d9c48a; border-radius: 8px; background: #fffdf7 radial-gradient(circle at 85% 15%, rgba(var(--vurgu-rgb),.06), transparent 40%); color: #1f242d; }
.sertifika-belge.iptal { filter: grayscale(.4); }
.sertifika-ust { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.sertifika-ust .marka img { width: 170px; }
.sertifika-tur { color: #8a5b00; font-size: 13px; font-weight: 700; letter-spacing: .22em; }
.sertifika-giris { margin: 0; color: var(--soluk); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.sertifika-ad { margin: 8px 0 14px; font-size: clamp(32px, 4.5vw, 52px); letter-spacing: -.04em; color: #151a22; }
.sertifika-metin { max-width: 680px; margin: 0; font-size: 16px; line-height: 1.75; }
.sertifika-not { margin: 14px 0 0; color: var(--soluk); font-size: 13px; line-height: 1.6; }
.sertifika-alt { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 36px; padding-top: 22px; border-top: 1px solid #e3d6b3; }
.sertifika-alt small { display: block; color: var(--soluk); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.sertifika-alt strong { display: block; margin-top: 4px; font-size: 13px; }
.sertifika-dogrula a { color: var(--kirmizi); }
.sertifika-iptal-damgasi { position: absolute; right: 40px; top: 42%; padding: 10px 22px; border: 5px solid #99121c; border-radius: 10px; color: #99121c; font-size: 40px; font-weight: 700; letter-spacing: .2em; opacity: .55; transform: rotate(-14deg); }
.sertifika-islemler { display: flex; align-items: center; gap: 12px; }
.sertifika-islemler form { margin: 0; }
/* istek listesi */
.istek-listesi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 0 22px 22px; }
.istek-karti { display: grid; grid-template-columns: 96px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--cizgi); border-radius: 14px; }
.istek-kapak { position: relative; display: grid; color: #fff; background: linear-gradient(135deg, #161d28, #c90f1d); font-size: 20px; font-weight: 700; place-items: center; }
.istek-kapak .magaza-indirim { top: 8px; left: 8px; padding: 3px 7px; font-size: 11px; }
.istek-icerik { padding: 14px 16px; }
.istek-icerik h3 { margin: 0 0 4px; font-size: 14px; line-height: 1.35; }
.istek-icerik h3 a:hover { color: var(--kirmizi); }
.istek-icerik p { margin: 0 0 10px; color: var(--soluk); font-size: 12px; }
.istek-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.istek-alt .magaza-fiyat strong { font-size: 16px; }
.istek-islemler { display: flex; align-items: center; gap: 12px; }
.istek-islemler form { margin: 0; }
/* dogrulama sayfası */
.dogrula-yerlesim { display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); gap: 24px; align-items: start; }
.dogrula-formu { display: grid; gap: 12px; padding: 22px; }
.dogrula-formu label { display: grid; gap: 7px; color: var(--metin); font-size: 12px; font-weight: 600; }
.dogrula-formu input { min-height: 46px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 10px; font: inherit; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; }
.dogrula-sonuc { padding: 24px 26px; }
.dogrula-sonuc h2 { margin: 12px 0 14px; font-size: 22px; }
.dogrula-sonuc--tamam { border-color: #bce8d7; }
.dogrula-sonuc--yok { border-color: #f4c2c6; }
.dogrula-sonuc p { margin: 0; color: var(--soluk); line-height: 1.6; }
@media print {
  .yan-menu, .mobil-ust, .panel-ust, .sayfa-basligi, .sayfa-geri, .sertifika-araclar, .islem-basarili, .form-hata { display: none !important; }
  .panel-kabuk { display: block; }
  .panel-icerik { padding: 0; }
  .sertifika-belge { max-width: none; border-color: #b9a56a; box-shadow: none; }
  body { background: #fff; }
}
@media (max-width: 980px) {
  .profil-yerlesim, .profil-yerlesim--ayarlar, .dogrula-yerlesim { grid-template-columns: minmax(0, 1fr); }
  .istek-listesi { grid-template-columns: minmax(0, 1fr); }
  .sertifika-alt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sertifika-belge { padding: 28px 24px; }
}
@media (max-width: 720px) {
  /* B-014: durum rozeti metnin üstüne binmesin; kendi satırına insin */
  .profil-banner { flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; }
  /* flex-basis:100% genişliği eziyordu, rozet bant boyunca uzuyordu (17 Eyl) */
  .profil-banner .profil-durum { position: static; align-self: flex-start; transform: none; }
}
/* bildirimler sayfası: sekmeler, satır işlemleri, sayfalama, yönetim toplu bildirim */
.uygulama-bildirimleri .kart-baslik { flex-wrap: wrap; gap: 12px; }
.bildirim-hepsi-formu { margin: 0; }
.bildirim-sekmeler { margin: 0 23px 6px; }
.bildirim-sekmeler a b { display: inline-grid; min-width: 18px; height: 18px; margin-left: 5px; padding: 0 5px; border-radius: 99px; color: #fff; background: var(--kirmizi); font-size: 11px; place-items: center; vertical-align: middle; }
.bildirim-sekmeler a.aktif b { color: var(--kirmizi); background: #fff; }
.bildirim-baslik { color: var(--metin); }
.bildirim-baslik:hover strong { color: var(--kirmizi); }
.bildirim-yeni-etiket { color: var(--kirmizi); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.bildirim-islemler { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.bildirim-islemler form { margin: 0; }
.bildirim-sayfalama { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 23px 18px; border-top: 1px solid #eceef1; color: var(--soluk); font-size: 12px; font-weight: 700; }
.bildirim-toplu { margin-bottom: 20px; }
.bildirim-toplu summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 21px 23px 17px; cursor: pointer; list-style: none; }
.bildirim-toplu summary::-webkit-details-marker { display: none; }
.bildirim-toplu summary h2 { margin: 0; font-size: 18px; }
.bildirim-toplu summary small { display: block; margin-top: 5px; color: var(--soluk); font-size: 12px; }
.bildirim-toplu-ok { display: grid; width: 32px; height: 32px; flex: 0 0 auto; border: 1px solid var(--cizgi); border-radius: 50%; color: var(--kirmizi); font-size: 14px; place-items: center; transition: transform .2s ease; }
.bildirim-toplu[open] .bildirim-toplu-ok { transform: rotate(180deg); }
.bildirim-toplu-formu { padding-top: 4px; }
.bildirim-toplu-formu select, .bildirim-toplu-formu textarea { width: 100%; padding: 10px 11px; border: 1px solid var(--cizgi); border-radius: 9px; color: var(--metin); background: #fff; font: inherit; }
.bildirim-toplu-formu select { min-height: 42px; padding: 0 11px; }
@media (max-width: 720px) {
  .bildirim-islemler { grid-column: 2; flex-direction: row; align-items: center; justify-content: flex-start; }
}

/* ---------------------------------------------------------------- Sertifikalarım (17 Eyl) */
.sertifika-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; margin-bottom: 30px; }
.sertifika-kart { position: relative; display: grid; gap: 14px; padding: 16px 18px 14px; border: 1px solid #ead9ac; border-radius: 16px; background: linear-gradient(145deg, #fffdf6 0%, #fff8e6 100%); box-shadow: 0 1px 2px rgba(20, 24, 33, .04); overflow: hidden; }
.sertifika-kart::before { content: ''; position: absolute; inset: 5px; border: 1px solid rgba(217, 196, 138, .45); border-radius: 12px; pointer-events: none; }
.sertifika-kart::after { content: ''; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(246, 180, 19, .16), transparent 70%); pointer-events: none; }
.sertifika-kart > * { position: relative; z-index: 1; }
.sertifika-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sertifika-kart-tur { color: #8a5b00; font-size: var(--yazi-rozet); font-weight: 700; letter-spacing: .12em; }
.sertifika-kart-govde { display: grid; grid-template-columns: 50px minmax(0, 1fr); align-items: center; gap: 14px; }
.sertifika-kart-seviye { display: grid; width: 50px; height: 50px; border-radius: 50%; color: #fff; background: radial-gradient(circle at 30% 25%, #e0b64a, #b88a1c 70%); box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .35), 0 3px 8px -2px rgba(138, 91, 0, .45); font-size: var(--yazi-satir); font-weight: 700; letter-spacing: -.01em; place-items: center; }
.sertifika-kart-bilgi { min-width: 0; }
.sertifika-kart-bilgi h3 { margin: 0 0 3px; color: var(--metin); font-size: var(--yazi-satir); font-weight: 650; line-height: 1.35; }
.sertifika-kart-bilgi p { margin: 0; color: var(--soluk); font-size: var(--yazi-mini); }
.sertifika-kart-alt { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px dashed #e3d3a6; }
.sertifika-kart-kod { color: #5b6270; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--yazi-mini); font-weight: 600; letter-spacing: .04em; }
.sertifika-kart-islem { display: flex; align-items: center; gap: 6px; }
.sertifika-ikon-dugme { display: inline-grid; width: 36px; height: 36px; padding: 0; border: 1px solid #e6dcc0; border-radius: 10px; color: #5b6270; background: #fff; cursor: pointer; place-items: center; transition: color .15s ease, border-color .15s ease, background .15s ease; }
.sertifika-ikon-dugme svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.sertifika-ikon-dugme:hover { border-color: #d5c28f; color: var(--kirmizi); }
.sertifika-ikon-dugme:focus-visible { outline: 3px solid rgba(var(--vurgu-rgb), .2); outline-offset: 2px; }
.sertifika-ikon-dugme.kopyalandi { border-color: #9fd9bf; color: #086b49; background: #eefaf4; }
.sertifika-kart--doldu, .sertifika-kart--iptal { filter: grayscale(.85); opacity: .75; }
.sertifika-bos { margin-bottom: 30px; }
.ince-dugme.kopyalandi { border-color: #9fd9bf; color: #086b49; }

/* hedef satırları: sınav kartı iskeleti */
.sertifika-hedef { display: grid; grid-template-columns: 44px minmax(0, .9fr) minmax(0, 1.3fr) auto; align-items: center; gap: 18px; padding: 14px 18px; }
.sertifika-hedef-seviye { display: grid; width: 44px; height: 44px; border-radius: 10px; background: #f6f7f9; place-items: center; }
.sertifika-hedef-seviye b { color: var(--metin); font-size: var(--yazi-satir); font-weight: 700; letter-spacing: -.02em; }
.sertifika-hedef--hazir .sertifika-hedef-seviye { background: #e3f6ed; }
.sertifika-hedef--hazir .sertifika-hedef-seviye b { color: #086b49; }
.sertifika-hedef-icerik { min-width: 0; }
.sertifika-hedef-tur { display: block; color: var(--soluk); font-size: var(--yazi-rozet); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.sertifika-hedef-icerik h2 { margin: 3px 0 2px; overflow: hidden; font-size: var(--yazi-satir); font-weight: 650; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.sertifika-hedef-icerik p { margin: 0; color: var(--soluk); font-size: var(--yazi-mini); }
.sertifika-hedef--hazir .sertifika-hedef-icerik p { color: #086b49; font-weight: 600; }
.sertifika-olcumler { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 16px; min-width: 0; padding-left: 18px; border-left: 1px solid var(--cizgi); }
.sertifika-olcum { display: grid; gap: 6px; min-width: 0; }
.sertifika-olcum-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.sertifika-olcum-ust span { color: var(--soluk); font-size: var(--yazi-rozet); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.sertifika-olcum-ust b { color: var(--metin); font-size: var(--yazi-meta); font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sertifika-olcum-ust i { color: var(--soluk); font-size: var(--yazi-mini); font-style: normal; font-weight: 400; }
.sertifika-olcum-cubuk { position: relative; height: 5px; border-radius: 99px; background: #eceef1; }
.sertifika-olcum-cubuk span { display: block; height: 100%; border-radius: inherit; background: var(--kirmizi); }
.sertifika-olcum-cubuk i { position: absolute; top: -3px; width: 2px; height: 11px; margin-left: -1px; border-radius: 1px; background: var(--metin); opacity: .55; }
.sertifika-olcum--tamam .sertifika-olcum-cubuk span { background: #22a06b; }
.sertifika-olcum--tamam .sertifika-olcum-ust b { color: #086b49; }
.sertifika-hedef-islem { display: flex; justify-content: flex-end; }

/* belge sayfası: doğrulama bloğu (satır içi stilden taşındı) */
.sertifika-dogrulama-alani { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; margin-top: 24px; padding: 14px 18px; border: 1px dashed #d9c48a; border-radius: 10px; background: rgba(255, 255, 255, .6); }
.sertifika-dogrula { margin: 0; color: var(--soluk); font-size: var(--yazi-mini); line-height: 1.55; }
.sertifika-dogrula a { color: var(--kirmizi); font-weight: 600; }
.sertifika-dogrulama-alani small { display: block; margin-top: 4px; color: #8e96a2; font-size: 11px; overflow-wrap: anywhere; }
.sertifika-kod-buyuk { padding: 8px 14px; border: 1.5px solid #1f242d; border-radius: 9px; color: #151a22; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 17px; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
.sertifika-araclar .ince-dugme { min-height: 38px; }

@media (max-width: 1100px) {
  .sertifika-hedef { grid-template-columns: 44px minmax(0, 1fr) auto; }
  .sertifika-olcumler { grid-column: 2 / -1; grid-row: 2; padding: 12px 0 0; border-top: 1px solid var(--cizgi); border-left: 0; }
}
@media (max-width: 720px) {
  .sertifika-kartlar { grid-template-columns: 1fr; }
  .sertifika-hedef { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 14px; }
  .sertifika-hedef-icerik h2 { white-space: normal; }
  .sertifika-olcumler, .sertifika-hedef-islem { grid-column: 2; }
  .sertifika-olcumler { grid-row: auto; grid-template-columns: 1fr; gap: 12px; }
  .sertifika-hedef-islem { justify-content: stretch; }
  .sertifika-hedef-islem .ince-dugme { flex: 1; justify-content: center; }
  .sertifika-kart-alt { flex-wrap: wrap; }
  .sertifika-kod-buyuk { font-size: 15px; }
}