/* E-Tebligat Takip — "tebliğ mazbatası" tasarım sistemi.
   Resmî tebligat formunun düzeni: soğuk kağıt beyazı, form mürekkebi lacivert,
   ince kutu çizgileri; kaşe kırmızısı yalnızca süresi yakın/geçmiş tebligatta. */

@font-face {
  font-family: "Public Sans";
  src: url("fonts/public-sans-latin.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Public Sans";
  src: url("fonts/public-sans-latin-ext.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --kagit: #f7f8fa;        /* zemin */
  --form: #ffffff;         /* form alanı */
  --form-2: #f1f4f7;       /* başlık satırı, salt-okunur alan */
  --cizgi: #d5dce4;        /* form kutusu çizgisi */
  --cizgi-ince: #e6ebf0;
  --murekkep: #1b2b3c;     /* ana metin */
  --murekkep-2: #3d4f62;
  --soluk: #5a6b7d;
  --lacivert: #23364a;     /* kenar menü, ana eylem */
  --lacivert-2: #2f4760;
  --lacivert-acik: #e8eef5;
  --baglanti: #1f4e85;
  --kase: #b3261e;         /* son gün 0-2 gün / geçti */
  --kase-zemin: #fbeceb;
  --amber: #8f5300;        /* 3-7 gün */
  --yesil: #2f6b3a;        /* olumlu sonuç metni */
  --odak: #3c7bd6;
  --menu-metin: #c9d5e2;
  --menu-soluk: #93a6ba;
  --menu-aktif: #ffffff;
  --menu-zemin-aktif: #2f4760;
  --yazi: "Public Sans", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --golge: 0 1px 2px rgba(27, 43, 60, .06);
  color-scheme: light;
}

:root[data-tema="koyu"] {
  --kagit: #10161e;
  --form: #161e28;
  --form-2: #1c2633;
  --cizgi: #2c3a4b;
  --cizgi-ince: #232f3d;
  --murekkep: #e3e9ef;
  --murekkep-2: #c2ccd7;
  --soluk: #98a6b5;
  --lacivert: #8fb3dd;
  --lacivert-2: #a9c5e6;
  --lacivert-acik: #1f2d3d;
  --baglanti: #9cc2ef;
  --kase: #ff8a80;
  --kase-zemin: #3a1d1c;
  --amber: #f0b45c;
  --yesil: #8fd19c;
  --odak: #7fb0f0;
  --menu-metin: #c2ccd7;
  --menu-soluk: #8b9aab;
  --menu-aktif: #ffffff;
  --menu-zemin-aktif: #24364a;
  --golge: none;
  color-scheme: dark;
}

/* ---------------------------------------------------------------- temel */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: var(--cizgi) transparent; }
body { margin: 0; background: var(--kagit); color: var(--murekkep); font: 400 14.5px/1.55 var(--yazi);
  font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; caret-color: var(--odak); }
::selection { background: var(--lacivert-acik); color: var(--murekkep); }
a { color: var(--baglanti); text-decoration: none; text-underline-offset: 3px; }
a:hover { text-decoration: underline; }
h1, h2, h3 { margin: 0; line-height: 1.25; color: var(--murekkep); font-weight: 650; }
h1 { font-size: 24px; letter-spacing: -.01em; }
h2 { font-size: 17px; }
h3 { font-size: 14.5px; }
p { margin: 0 0 10px; max-width: 72ch; text-wrap: pretty; }
h1, h2 { text-wrap: balance; }
code { font-size: 13px; background: var(--form-2); padding: 0 5px; border-radius: 3px; }
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
dl, dd { margin: 0; }
:focus-visible { outline: 2px solid var(--odak); outline-offset: 2px; }
svg.ikon { width: 18px; height: 18px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
svg.ikon-k { width: 15px; height: 15px; }
svg.ikon-b { width: 22px; height: 22px; }
.gizli { display: none !important; }
.ekran-okuyucu { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sayi { font-variant-numeric: tabular-nums; }
.soluk { color: var(--soluk); }
.kucuk { font-size: 13px; }
.kalin { font-weight: 650; }
.sag { text-align: right; }
.nowrap { white-space: nowrap; }
.metin-kirmizi { color: var(--kase); } .metin-sari { color: var(--amber); } .metin-yesil { color: var(--yesil); }
.mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .mt-1 { margin-top: 6px; } .mt-2 { margin-top: 12px; } .mt-3 { margin-top: 20px; }
.mb-2 { margin-bottom: 12px; } .mb-3 { margin-bottom: 20px; }
.satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.satir-ici { display: inline; }
.satir-arasi { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.kolon { display: flex; flex-direction: column; gap: 2px; }
.genislik-560 { max-width: 560px; } .genislik-760 { max-width: 760px; }

/* ---------------------------------------------------------------- düzen */
.atla { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--form); padding: 8px 12px; }
.atla:focus { left: 8px; }
.duzen { min-height: 100vh; }
.kenar { position: fixed; inset: 0 auto 0 0; width: 232px; z-index: 40; background: #1e2f42; color: var(--menu-metin);
  display: flex; flex-direction: column; padding: 20px 12px 14px; transform: translateX(-100%); transition: transform .2s ease-out; }
:root[data-tema="koyu"] .kenar { background: #0c1219; border-right: 1px solid var(--cizgi-ince); }
.kenar-acik .kenar { transform: none; }
.ortu { display: none; }
.kenar-acik .ortu { display: block; position: fixed; inset: 0; z-index: 35; background: rgba(16, 24, 33, .5); }
.ana { min-width: 0; }
.mobil-ust { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 10px; padding: 10px 16px;
  background: #1e2f42; color: #fff; }
.mobil-ust .marka { color: #fff; }
.icerik { max-width: 1200px; margin: 0 auto; padding: 22px 16px 56px; }
@media (min-width: 1024px) {
  .kenar { transform: none; }
  .kenar-acik .ortu { display: none; }
  .ana { margin-left: 232px; }
  .mobil-ust { display: none; }
  .icerik { padding: 32px 40px 64px; }
  .menu-dugmesi, .kenar-kapat { display: none !important; }
}

/* ------------------------------------------------------------- kenar menü */
.marka { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 700; font-size: 15px; }
.marka:hover { text-decoration: none; }
.marka-isaret { width: 30px; height: 30px; display: grid; place-items: center; border: 1.5px solid currentColor; border-radius: 3px; flex: none; }
.marka-isaret svg { width: 17px; height: 17px; }
.marka small { display: block; font-size: 12px; font-weight: 450; color: var(--menu-soluk); }
.kenar-ust { display: flex; align-items: center; justify-content: space-between; padding: 0 8px 22px; }
.kenar-kapat { background: none; border: 0; color: var(--menu-soluk); padding: 6px; cursor: pointer; }
.mod-rozeti { margin: 0 8px 18px; font-size: 12.5px; color: var(--menu-soluk); line-height: 1.4; }
.mod-rozeti strong { color: var(--menu-metin); font-weight: 600; }
.nav-grup { display: flex; flex-direction: column; gap: 1px; }
.nav-baslik { margin: 14px 8px 6px; border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 12px; font-size: 12.5px; color: var(--menu-soluk); }
.nav-oge { display: flex; align-items: center; gap: 11px; padding: 8px 10px; border-radius: 4px; color: var(--menu-metin); font-weight: 500; font-size: 14.5px; }
.nav-oge:hover { background: rgba(255, 255, 255, .06); text-decoration: none; color: #fff; }
.nav-oge.aktif { background: var(--menu-zemin-aktif); color: var(--menu-aktif); font-weight: 600; }
.nav-sayi { margin-left: auto; font-size: 13px; font-weight: 650; color: #fff; }
.kenar-alt { margin-top: auto; border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 12px; display: flex; flex-direction: column; gap: 1px; }
.kullanici-kutu { padding: 6px 10px 10px; min-width: 0; }
.kullanici-kutu .ad { display: block; font-weight: 600; font-size: 14px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kullanici-kutu .unvan { font-size: 12.5px; color: var(--menu-soluk); }
.tema-dugmesi { width: 100%; background: none; border: 0; text-align: left; cursor: pointer; font: inherit; }

/* ------------------------------------------------------------- sayfa başı */
.sayfa-ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 24px;
  padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid var(--cizgi); }
.sayfa-ust .aciklama { color: var(--murekkep-2); margin: 6px 0 0; }
.ekmek { display: flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--soluk); margin-bottom: 10px; flex-wrap: wrap; }
.ekmek a { color: var(--soluk); }
.eylemler { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

/* ----------------------------------------------------------------- düğmeler */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 14px; border-radius: 4px;
  border: 1px solid var(--lacivert); background: var(--lacivert); color: #fff; font: 600 14px/1.4 var(--yazi);
  cursor: pointer; text-decoration: none; white-space: nowrap; transition: background-color .15s ease-out, border-color .15s ease-out; }
:root[data-tema="koyu"] .btn { color: #0c1219; }
.btn:hover { background: var(--lacivert-2); border-color: var(--lacivert-2); text-decoration: none; }
.btn:active { transform: translateY(1px); }
.btn:disabled { opacity: .55; cursor: progress; transform: none; }
.btn-ikincil { background: var(--form); color: var(--murekkep); border-color: var(--cizgi); }
:root[data-tema="koyu"] .btn-ikincil { color: var(--murekkep); }
.btn-ikincil:hover { background: var(--form-2); border-color: var(--soluk); }
.btn-hayalet { background: transparent; border-color: transparent; color: var(--murekkep-2); }
:root[data-tema="koyu"] .btn-hayalet { color: var(--murekkep-2); }
.btn-hayalet:hover { background: var(--form-2); border-color: transparent; }
.btn-tehlike { background: var(--form); color: var(--kase); border-color: var(--cizgi); }
:root[data-tema="koyu"] .btn-tehlike { color: var(--kase); }
.btn-tehlike:hover { background: var(--kase-zemin); border-color: var(--kase); }
.btn-kucuk { padding: 5px 10px; font-size: 13px; }
.btn-blok { width: 100%; }
.dugme-satiri { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 18px; }

/* ------------------------------------------------------------- form kutusu */
.kart { background: var(--form); border: 1px solid var(--cizgi); border-radius: 4px; margin-bottom: 22px; box-shadow: var(--golge); }
.kart-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); flex-wrap: wrap; }
.kart-ust p { margin: 3px 0 0; color: var(--soluk); font-size: 13.5px; }
.kart-govde { padding: 18px; }
.kart-alt { padding: 11px 18px; border-top: 1px solid var(--cizgi); font-size: 13.5px; }
.izgara-2 { display: grid; gap: 22px; }
.izgara-2 > * { min-width: 0; }
@media (min-width: 1120px) { .izgara-2 { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); align-items: start; } }

/* Form hücreleri: mazbatadaki etiketli kutular (borç özeti, tebligat künyesi) */
.hucreler { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); border: 1px solid var(--cizgi); border-radius: 4px; background: var(--form); margin-bottom: 22px; }
.kart .hucreler { border: 0; border-radius: 0; margin: -18px -18px 0; border-bottom: 1px solid var(--cizgi); background: transparent; }
.kart-govde > .tablo-sarmal { margin: 18px -18px -18px; border-top: 1px solid var(--cizgi); }
.hucre { padding: 12px 16px; border-right: 1px solid var(--cizgi-ince); border-bottom: 1px solid var(--cizgi-ince); margin: 0 -1px -1px 0; }
.hucre dt { font-size: 12.5px; color: var(--soluk); margin-bottom: 4px; }
.hucre dd { font-size: 20px; font-weight: 650; letter-spacing: -.01em; }
.hucre dd.kucuk-deger { font-size: 15px; font-weight: 600; }
.hucre .ek { display: block; font-size: 12.5px; font-weight: 400; color: var(--soluk); letter-spacing: 0; margin-top: 2px; }

/* ---------------------------------------------------- durum metni (rozet değil) */
.rozet { font-weight: 650; white-space: nowrap; color: var(--murekkep-2); }
.rozet-kirmizi { color: var(--kase); }
.rozet-siyah { color: var(--kase); }
.rozet-sari { color: var(--amber); }
.rozet-yesil { color: var(--murekkep-2); font-weight: 500; }
.rozet-mavi { color: var(--murekkep-2); font-weight: 500; font-style: italic; }
.rozet-gri { color: var(--soluk); font-weight: 500; }
.etiket { display: inline-block; padding: 0 6px; border: 1px solid var(--cizgi); border-radius: 3px; font-size: 12px; color: var(--murekkep-2); white-space: nowrap; line-height: 1.6; }
.etiket-demo, .etiket-uyari { border-color: var(--amber); color: var(--amber); }

/* -------------------------------------------------------- tarih şeridi (imza) */
.serit { position: relative; height: 18px; min-width: 120px; margin: 2px 0 4px; }
.serit::before { content: ""; position: absolute; left: 0; right: 0; top: 8px; height: 1px; background: var(--cizgi); }
.serit .gecen { position: absolute; left: 0; top: 7px; height: 3px; background: var(--murekkep-2); }
.serit.acil .gecen, .serit.gecti .gecen { background: var(--kase); }
.serit.hafta .gecen { background: var(--amber); }
.serit .cent { position: absolute; top: 3px; width: 1px; height: 11px; background: var(--soluk); }
.serit .cent.bas { left: 0; }
.serit .cent.son { right: 0; left: auto; }
.serit .bugun { position: absolute; top: 1px; width: 2px; height: 15px; margin-left: -1px; background: var(--murekkep); }
.serit-yazi { position: relative; height: 18px; font-size: 12px; color: var(--soluk); }
.serit-yazi span { position: absolute; top: 0; white-space: nowrap; }
.serit-yazi .bas { left: 0; }
.serit-yazi .son { right: 0; }
.serit-yazi .ortala { transform: translateX(-50%); }
.serit-yazi .bugun-yazi { color: var(--murekkep); font-weight: 600; }
.k0{left:0%}.k5{left:5%}.k10{left:10%}.k15{left:15%}.k20{left:20%}.k25{left:25%}.k30{left:30%}.k35{left:35%}.k40{left:40%}.k45{left:45%}.k50{left:50%}
.k55{left:55%}.k60{left:60%}.k65{left:65%}.k70{left:70%}.k75{left:75%}.k80{left:80%}.k85{left:85%}.k90{left:90%}.k95{left:95%}.k100{left:100%}
.g0{width:0%}.g5{width:5%}.g10{width:10%}.g15{width:15%}.g20{width:20%}.g25{width:25%}.g30{width:30%}.g35{width:35%}.g40{width:40%}.g45{width:45%}.g50{width:50%}
.g55{width:55%}.g60{width:60%}.g65{width:65%}.g70{width:70%}.g75{width:75%}.g80{width:80%}.g85{width:85%}.g90{width:90%}.g95{width:95%}.g100{width:100%}
.serit.buyuk { height: 26px; margin: 8px 0 6px; }
.serit.buyuk::before { top: 12px; }
.serit.buyuk .gecen { top: 11px; height: 4px; }
.serit.buyuk .cent { top: 5px; height: 15px; }
.serit.buyuk .bugun { top: 2px; height: 22px; }

/* ----------------------------------------------------------------- tablolar */
.tablo-sarmal { overflow-x: auto; }
table.tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.tablo th { text-align: left; font-size: 12.5px; font-weight: 600; color: var(--murekkep-2); padding: 9px 14px; background: var(--form-2);
  border-bottom: 1px solid var(--cizgi); white-space: nowrap; }
.tablo td { padding: 11px 14px; border-bottom: 1px solid var(--cizgi-ince); vertical-align: top; }
.tablo tbody tr:last-child td { border-bottom: 0; }
.tablo tbody tr:hover td { background: var(--kagit); }
.tablo .sag, .tablo th.sag { text-align: right; }
.tablo .birincil { font-weight: 600; color: var(--murekkep); }
.tablo a.birincil:hover { color: var(--baglanti); }
.tablo .ikincil { display: block; font-size: 13px; color: var(--soluk); margin-top: 1px; }
.tablo tr.okunmamis .birincil { font-weight: 700; }
.tablo .okunmadi-yazi { color: var(--baglanti); font-weight: 600; }
.tablo .secim { width: 34px; }
.tablo input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--lacivert); }
.tablo th.genis-1 { min-width: 200px; }
.tablo th.genis-2 { min-width: 240px; }
.tablo th.genis-serit { min-width: 200px; }
/* Ana sayfa: bir mükellefin okunmamış tebligatları alt alta, her biri kendi süre çizgisiyle */
.teb-yigin { list-style: none; margin: 0; padding: 0; min-width: 520px; }
.teb-sira { display: grid; grid-template-columns: minmax(160px, 1.2fr) minmax(180px, 1fr) 120px; gap: 14px; align-items: start; padding: 6px 0; }
.teb-sira + .teb-sira { border-top: 1px dashed var(--cizgi); }
.teb-ad a, .teb-ad .ikincil { display: block; }
.teb-son { white-space: nowrap; }
.teb-son .birincil, .teb-son .ikincil { display: block; }
.bolum-baglantilari a { white-space: nowrap; }
.bolum-baglantilari .ayrac { color: var(--soluk); margin: 0 8px; }
.mukellef-degistir select { max-width: 280px; }

/* ---------------------------------------------------------- beyanname takibi */
.tablo.beyanname-ozet th[scope=row] { width: 200px; text-align: left; font-weight: 400; vertical-align: top; background: none; }
.bd-serit { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.bd { width: 56px; padding: 3px 5px 4px; border: 1px solid var(--cizgi); border-radius: 3px; background: var(--form); line-height: 1.25; }
.bd-donem { display: block; font-size: 12px; color: var(--murekkep-2); font-variant-numeric: tabular-nums; }
.bd-isaret { display: block; font-size: 11px; color: var(--soluk); }
.bd-verildi .bd-isaret { color: var(--yesil); }
.bd-sonra .bd-isaret::after { content: " *"; }
.bd-eksik { border-color: var(--kase); background: var(--kase-zemin); }
.bd-eksik .bd-donem, .bd-eksik .bd-isaret { color: var(--kase); font-weight: 600; }
.bd-bekleniyor { border-style: dashed; border-color: var(--amber); }
.bd-bekleniyor .bd-isaret { color: var(--amber); font-variant-numeric: tabular-nums; }
.bd-kontrol { border-color: var(--amber); }
.bd-kontrol .bd-donem, .bd-kontrol .bd-isaret { color: var(--amber); font-weight: 600; }
.tablo tr.satir-eksik td { color: var(--kase); }
.tablo tr.satir-kontrol td:nth-child(2) { color: var(--amber); }
.beyanname-kart .kart-ust a.kucuk { white-space: nowrap; }
.tablo .sayi-hucre { font-size: 15px; font-weight: 650; }
.tablo .sayi-hucre.sifir { color: var(--soluk); font-weight: 400; }

/* ------------------------------------------------------------ filtre / sekme */
.filtre-cubugu { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; padding: 12px 18px; border-bottom: 1px solid var(--cizgi); }
.sekmeler { display: flex; gap: 2px; flex-wrap: wrap; border-bottom: 1px solid var(--cizgi); width: 100%; margin-bottom: 2px; }
.sekme { padding: 8px 12px; margin-bottom: -1px; color: var(--murekkep-2); font-weight: 500; font-size: 14px; border-bottom: 2px solid transparent; display: inline-flex; gap: 6px; }
.sekme:hover { text-decoration: none; color: var(--murekkep); border-bottom-color: var(--cizgi); }
.sekme.aktif { color: var(--murekkep); font-weight: 650; border-bottom-color: var(--lacivert); }
.sekme .sayi { color: var(--soluk); font-weight: 500; }
.arama-kutu { position: relative; flex: 1 1 240px; min-width: 0; }
.arama-kutu svg { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--soluk); }
.arama-kutu input { padding-left: 34px !important; }

/* ----------------------------------------------------------------- formlar */
.alan { margin-bottom: 16px; }
.alan > label, .alan-etiket { display: block; font-size: 13.5px; font-weight: 600; color: var(--murekkep-2); margin-bottom: 5px; }
.yardim { display: block; font-size: 12.5px; color: var(--soluk); margin: 5px 0 0; font-weight: 400; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea {
  width: 100%; padding: 8px 11px; border: 1px solid var(--cizgi); border-radius: 4px; background: var(--form); color: var(--murekkep);
  font: 14.5px/1.4 var(--yazi); transition: border-color .15s ease-out, box-shadow .15s ease-out; }
input::placeholder { color: var(--soluk); opacity: 1; }
input:hover, select:hover { border-color: var(--soluk); }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--odak); box-shadow: 0 0 0 3px color-mix(in srgb, var(--odak) 25%, transparent); }
input:disabled { background: var(--form-2); color: var(--soluk); }
select.kucuk-secim { width: auto; padding: 6px 28px 6px 10px; font-size: 13.5px; }
.form-izgara { display: grid; gap: 0 16px; }
@media (min-width: 720px) { .form-izgara.iki { grid-template-columns: 1fr 1fr; } }
.form-bolum { padding: 18px; border-bottom: 1px solid var(--cizgi-ince); }
.form-bolum:last-of-type { border-bottom: 0; }
.form-bolum h3 { margin-bottom: 12px; }
.secim-grubu { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.secim-hap { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; cursor: pointer; color: var(--murekkep); }
.secim-hap input { width: 16px; height: 16px; margin: 0; accent-color: var(--lacivert); }
.onay-kutu { display: flex; gap: 12px; align-items: flex-start; padding: 13px 14px; border: 1px solid var(--cizgi); border-radius: 4px; background: var(--form-2); cursor: pointer; }
.onay-kutu input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--lacivert); flex: none; }
.parola-sarmal { position: relative; }
.parola-sarmal input { padding-right: 42px; }
.parola-goster { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: var(--soluk); padding: 6px; cursor: pointer; }

/* ------------------------------------------------------------- bildirimler */
.flash { display: flex; gap: 10px; align-items: flex-start; padding: 11px 14px; margin-bottom: 20px; border: 1px solid var(--cizgi);
  border-radius: 4px; background: var(--form); font-size: 14px; color: var(--murekkep); }
.flash > svg { margin-top: 2px; }
.flash .kapat { margin-left: auto; background: none; border: 0; color: var(--soluk); cursor: pointer; padding: 2px; }
.flash-basari > svg { color: var(--yesil); }
.flash-hata { border-color: var(--kase); background: var(--kase-zemin); }
.flash-hata > svg { color: var(--kase); }
.flash-uyari > svg { color: var(--amber); }
.flash-bilgi > svg { color: var(--baglanti); }
.uyari-kutu { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 4px; font-size: 14px; background: var(--form-2); }
.uyari-kutu.hata { border-color: var(--kase); background: var(--kase-zemin); }
.uyari-kutu.hata > svg { color: var(--kase); }
.uyari-kutu.sari > svg { color: var(--amber); }
.uyari-kutu.bilgi > svg { color: var(--baglanti); }
.uyari-kutu p { margin: 4px 0 0; }
.hata { background: var(--kase-zemin); color: var(--kase); border: 1px solid var(--kase); padding: 10px 12px; border-radius: 4px; font-size: 14px; }

/* ---------------------------------------------------------------- boş durum */
.bos { padding: 28px 18px; }
.bos h3 { font-size: 15px; margin-bottom: 4px; }
.bos p { color: var(--soluk); margin: 0 0 12px; font-size: 14px; }

/* ----------------------------------------------------------- bilgi listesi */
.bilgi-listesi { display: grid; gap: 14px 24px; }
@media (min-width: 640px) { .bilgi-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bilgi-listesi dt { font-size: 12.5px; color: var(--soluk); margin-bottom: 2px; }
.bilgi-listesi dd { font-weight: 500; overflow-wrap: anywhere; }

/* --------------------------------------------------------------- kota çubuğu */
progress.ilerleme { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 6px; border: 0; background: var(--form-2); }
progress.ilerleme::-webkit-progress-bar { background: var(--cizgi-ince); }
progress.ilerleme::-webkit-progress-value { background: var(--lacivert); }
progress.ilerleme::-moz-progress-bar { background: var(--lacivert); }
progress.ilerleme.dolu::-webkit-progress-value { background: var(--kase); }
progress.ilerleme.dolu::-moz-progress-bar { background: var(--kase); }

/* ---------------------------------------------------------------- sayfalama */
.sayfalama { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 18px; border-top: 1px solid var(--cizgi); font-size: 13.5px; color: var(--soluk); flex-wrap: wrap; }
.sayfalama .eylemler a, .sayfalama .eylemler .pasif { padding: 5px 10px; border: 1px solid var(--cizgi); border-radius: 4px; color: var(--murekkep-2); }
.sayfalama .eylemler .pasif { opacity: .45; }

/* ---------------------------------------------------------------- giriş */
.giris-govde { min-height: 100vh; display: grid; grid-template-columns: 1fr; background: var(--kagit); }
@media (min-width: 900px) { .giris-govde { grid-template-columns: 360px 1fr; } }
.giris-yan { display: none; background: #1e2f42; color: var(--menu-metin); padding: 40px 36px; flex-direction: column; justify-content: space-between; }
@media (min-width: 900px) { .giris-yan { display: flex; } }
.giris-yan p { color: var(--menu-metin); max-width: 30ch; }
.giris-yan .marka { margin-bottom: 40px; }
.giris-yan .alinti { font-size: 19px; line-height: 1.45; color: #fff; font-weight: 500; max-width: 26ch; }
.giris-yan .kaynak { font-size: 12.5px; color: var(--menu-soluk); margin-top: 10px; }
.giris-ana { display: grid; place-items: center; padding: 32px 16px; }
.giris-kutu { width: 100%; max-width: 400px; }
.giris-kutu .marka.mobil { color: var(--murekkep); margin-bottom: 24px; }
@media (min-width: 900px) { .giris-kutu .marka.mobil { display: none; } }
.giris-kutu h1 { font-size: 22px; margin-bottom: 6px; }
.giris-kutu .alt-satir { font-size: 14px; color: var(--soluk); margin-top: 18px; }
.giris-kutu .guven { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; color: var(--soluk); margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--cizgi); }

/* ---------------------------------------------------------------- abonelik */
.paketler { display: grid; gap: 0; border: 1px solid var(--cizgi); border-radius: 4px; background: var(--form); }
@media (min-width: 820px) { .paketler { grid-template-columns: repeat(3, 1fr); } }
.paket { padding: 20px; display: flex; flex-direction: column; gap: 6px; border-bottom: 1px solid var(--cizgi-ince); }
@media (min-width: 820px) { .paket { border-bottom: 0; border-right: 1px solid var(--cizgi-ince); } .paket:last-child { border-right: 0; } }
.paket.secili { background: var(--lacivert-acik); }
.paket .fiyat { font-size: 26px; font-weight: 700; letter-spacing: -.01em; }
.paket .fiyat small { font-size: 14px; font-weight: 400; color: var(--soluk); }
.paket ul { padding-left: 18px; margin: 6px 0 14px; color: var(--murekkep-2); font-size: 14px; }
.paket .btn { margin-top: auto; align-self: flex-start; }

/* ------------------------------------------------------------- dosya bırak */
.birak-alani { display: block; border: 1px dashed var(--soluk); border-radius: 4px; padding: 24px; text-align: center; background: var(--form-2); cursor: pointer; }
.birak-alani:hover, .birak-alani.uzerinde { border-color: var(--lacivert); background: var(--lacivert-acik); }
.birak-alani input { display: block; margin: 12px auto 0; max-width: 100%; }
.adimlar { padding-left: 20px; margin: 0; display: grid; gap: 8px; font-size: 14px; }
pre.ornek { background: var(--form-2); color: var(--murekkep); border: 1px solid var(--cizgi); padding: 12px 14px; border-radius: 4px; overflow-x: auto; font-size: 12.5px; line-height: 1.6; white-space: pre; margin: 0 0 12px; }

/* ----------------------------------------------------------------- ayarlar */
.ayar-satiri { padding: 16px 18px; border-bottom: 1px solid var(--cizgi-ince); }
.ayar-satiri:last-child { border-bottom: 0; }
.ayar-satiri .ust-satir { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }

/* ----------------------------------------------------------------- hata */
.hata-sayfa { padding: 48px 24px; }
.hata-sayfa .kod { font-size: 14px; color: var(--soluk); }

@media (max-width: 640px) {
  h1 { font-size: 21px; }
  .gizle-mobil { display: none !important; }
  .tablo th, .tablo td { padding: 10px 12px; }
}
@media print {
  .kenar, .mobil-ust, .eylemler, .filtre-cubugu, .sayfalama { display: none !important; }
  .ana { margin: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
.mobil-ust .btn-hayalet, :root[data-tema="koyu"] .mobil-ust .btn-hayalet { color: #ffffff; }
.mobil-ust .btn-hayalet:hover { background: rgba(255, 255, 255, .1); }
.kart .hucreler + .tablo-sarmal { margin-top: 0; border-top: 0; }
.indir-durum { align-self: center; color: var(--soluk); }
.indir-durum.metin-kirmizi { color: var(--kase); }
/* Tarih şeridi: kenara düşen etiket kutudan taşmasın */
.serit-yazi .ortala.k100 { transform: translateX(-100%); }
.serit-yazi .ortala.k0 { transform: none; }
/* Sık tablo (borç kalemleri): masaüstünde yatay kaydırma çıkmasın */
.tablo.sik th, .tablo.sik td { padding-left: 10px; padding-right: 10px; }
.tablo.sik .rozet { white-space: normal; }
.tablo.sik .ikincil { overflow-wrap: anywhere; }
/* GİB Dijital Vergi Dairesi sayfası: GİB dosyası düğmeleri, ödeme planı, tarih girdileri */
.aktarim-cubugu { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; padding: 12px 18px; border-bottom: 1px solid var(--cizgi); }
.aktarim-cubugu.aktarim-kart { padding: 14px 0 0; border-bottom: 0; }
.aktarim-grubu { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.aktarim-adi { font-size: 13px; font-weight: 600; color: var(--murekkep-2); margin-right: 2px; }
.aktarim-grubu .indir-durum { flex-basis: 100%; }
.tablo .alt-satir td { padding-top: 0; border-top: 0; color: var(--murekkep-2); font-size: 13px; }
.alt-satir .taksit { display: inline-block; margin: 0 14px 2px 6px; font-variant-numeric: tabular-nums; }
input[type="month"], input[type="date"] { padding: 6px 10px; border: 1px solid var(--cizgi); border-radius: 4px; background: var(--form); color: var(--murekkep); font: 13.5px/1.4 var(--yazi); }
.gib-sekmeler { padding: 0 12px; }
.gib-sekmeler .sekme { white-space: nowrap; }
@media (max-width: 720px) { .gib-sekmeler { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; } }
.kart-govde.tablolu { padding: 0; }
.kart-govde.tablolu > .tablo-sarmal { border: 0; margin: 0; }
/* Henüz bağlı olmayan bildirim kanalı */
.secim-hap.pasif { color: var(--soluk); cursor: not-allowed; }
.secim-hap.pasif input { cursor: not-allowed; }
.yakinda { font-size: 11.5px; font-weight: 600; color: var(--soluk); border: 1px solid var(--cizgi); border-radius: 3px; padding: 0 5px; margin-left: 2px; }
/* Ana sayfa: GİB oturumu (ön-ısıtma) durumu rozeti */
.oturum-rozet { display: inline-block; font-size: 12.5px; font-weight: 600; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--cizgi); color: var(--soluk); white-space: nowrap; }
.oturum-rozet.o-hazir { color: #15803d; border-color: #bbf7d0; background: #f0fdf4; }
.oturum-rozet.o-isiniyor, .oturum-rozet.o-sirada { color: #92600a; border-color: #fde68a; background: #fffbeb; }
.oturum-rozet.o-hata { color: #b91c1c; border-color: #fecaca; background: #fef2f2; }
:root[data-tema="koyu"] .oturum-rozet.o-hazir { background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.3); color: #86efac; }
:root[data-tema="koyu"] .oturum-rozet.o-isiniyor, :root[data-tema="koyu"] .oturum-rozet.o-sirada { background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.3); color: #fcd34d; }
:root[data-tema="koyu"] .oturum-rozet.o-hata { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.3); color: #fca5a5; }

/* ------------------------------------------- GİB oturum göstergesi (sağ alt köşe) */
:root { --nabiz: #1f9d55; --nabiz-halka: rgba(31, 157, 85, .45); }
:root[data-tema="koyu"] { --nabiz: #4ade80; --nabiz-halka: rgba(74, 222, 128, .4); }
.gib-nabiz { position: relative; display: inline-flex; flex-direction: column; align-items: flex-end; font-size: 13px; }
.gib-nabiz.serbest { position: fixed; right: 16px; top: 12px; z-index: 60; }
.ust-serit { display: none; }
.nabiz-yer { display: inline-flex; }
.mobil-ust .nabiz-yer { margin-left: auto; }
.gib-nabiz-liste { position: absolute; top: calc(100% + 6px); right: 0; z-index: 60; }
.mobil-ust .gib-nabiz-ozet { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .22); color: #fff; box-shadow: none; padding: 5px 10px 7px 9px; }
.mobil-ust .nabiz-cubuk { background: rgba(255, 255, 255, .15); }
@media (min-width: 1024px) {
  .ust-serit { display: flex; justify-content: flex-end; max-width: 1200px; margin: 0 auto; padding: 14px 40px 0; position: relative; z-index: 20; }
  .ust-serit + .icerik { padding-top: 10px; }
}
.gib-nabiz-ozet { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 9px 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--form); color: var(--murekkep-2); box-shadow: 0 2px 10px rgba(27, 43, 60, .10); cursor: pointer; font: inherit; font-variant-numeric: tabular-nums; opacity: .92; }
.gib-nabiz-ozet:hover, .gib-nabiz.acik .gib-nabiz-ozet { opacity: 1; border-color: var(--soluk); }
.gib-nabiz-ozet:focus-visible { outline: 2px solid var(--odak); outline-offset: 2px; }
.nabiz-nokta { position: relative; width: 10px; height: 10px; border-radius: 50%; background: var(--soluk); flex: none; }
.gib-nabiz.tamam .nabiz-nokta, .gib-nabiz.surer .nabiz-nokta { background: var(--nabiz); }
.gib-nabiz.surer .nabiz-nokta::after { content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 2px solid var(--nabiz-halka); animation: nabiz-dalga 1.6s ease-out infinite; }
@keyframes nabiz-dalga { from { transform: scale(1); opacity: 1; } to { transform: scale(2.6); opacity: 0; } }
.nabiz-yazi { font-weight: 600; letter-spacing: .01em; }
.nabiz-hata { color: var(--kase); font-weight: 600; }
.nabiz-cubuk { position: absolute; left: 10px; right: 10px; bottom: 4px; height: 2px; background: var(--cizgi-ince); border-radius: 1px; overflow: hidden; }
.gib-nabiz.tamam .nabiz-cubuk { display: none; }
.nabiz-cubuk-dolu { display: block; height: 100%; width: 0; background: var(--nabiz); transition: width .4s ease; }
.gib-nabiz-liste { width: min(340px, calc(100vw - 32px)); max-height: min(60vh, 420px); overflow: auto; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--form); box-shadow: 0 6px 24px rgba(27, 43, 60, .16); }
.nabiz-baslik { margin: 0 0 2px; font-weight: 650; color: var(--murekkep); }
.nabiz-aciklama { margin: 0 0 8px; font-size: 12px; color: var(--soluk); }
.gib-nabiz-liste ul { list-style: none; margin: 0; padding: 0; }
.nabiz-m { display: grid; grid-template-columns: 10px 1fr auto; gap: 8px; align-items: baseline; padding: 6px 0; border-top: 1px solid var(--cizgi-ince); }
.nabiz-m-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--cizgi); align-self: center; }
.nabiz-hazir .nabiz-m-nokta, .nabiz-isiniyor .nabiz-m-nokta { background: var(--nabiz); }
.nabiz-isiniyor .nabiz-m-nokta { animation: nabiz-yanip 1s ease-in-out infinite alternate; }
@keyframes nabiz-yanip { to { opacity: .3; } }
.nabiz-sirada .nabiz-m-nokta { background: none; border: 1.5px solid var(--amber); }
.nabiz-hata .nabiz-m-nokta { background: var(--kase); }
.nabiz-m-ad { color: var(--murekkep); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nabiz-m-durum { color: var(--soluk); font-size: 12px; white-space: nowrap; }
.nabiz-hata .nabiz-m-durum { color: var(--kase); }
@media (prefers-reduced-motion: reduce) { .gib-nabiz .nabiz-nokta::after, .nabiz-isiniyor .nabiz-m-nokta { animation: none; } }
@media print { .gib-nabiz { display: none; } }

/* ------------------------------------------- şifre güvencesi ve şifreleme animasyonu */
.sifre-guvence { display: flex; gap: 6px; align-items: flex-start; margin: 6px 0 0; font-size: 12.5px; color: var(--yesil); line-height: 1.4; }
.sifre-guvence svg { flex: none; margin-top: 1px; }
.kilit-kap { position: relative; }
.kilit-ortu { position: absolute; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px; border: 1px solid var(--yesil); border-radius: 4px; background: var(--form); overflow: hidden; pointer-events: none; z-index: 2; }
.kilit-yazi { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: 12.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: clip; min-width: 0; }
.kilit-isaret { flex: none; font-size: 12px; font-weight: 600; color: var(--yesil); opacity: 0; transform: translateY(3px); transition: opacity .25s ease, transform .25s ease; }
.kilit-isaret::before { content: ""; display: inline-block; width: 7px; height: 6px; margin-right: 6px; border: 1.5px solid currentColor; border-radius: 1px; box-shadow: 0 -4px 0 -1.5px var(--form), 0 -4px 0 0 currentColor; vertical-align: 1px; }
.kilit-ortu.kilitli .kilit-isaret { opacity: 1; transform: none; }
.kilit-ortu.kilitli .kilit-yazi { color: var(--murekkep-2); }
.flash-guvenli { border-color: var(--yesil); }
.kilit-rozet { display: inline-flex; color: var(--yesil); animation: kilit-otur .6s ease-out both; }
@keyframes kilit-otur { 0% { transform: scale(.6) rotate(-12deg); opacity: 0; } 60% { transform: scale(1.15); opacity: 1; } 100% { transform: none; } }
@media (prefers-reduced-motion: reduce) { .kilit-rozet { animation: none; } }

/* ------------------------------------------------- telefon: tablolar kart görünümünde */
@media (max-width: 640px) {
  .tablo-sarmal { overflow-x: visible; }
  .tablo.mk, .tablo.mk tbody, .tablo.mk tr, .tablo.mk td { display: block; width: auto; }
  .tablo.mk thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tablo.mk tr { padding: 10px 14px 8px; border-bottom: 1px solid var(--cizgi); }
  .tablo.mk tr:last-child { border-bottom: 0; }
  .tablo.mk td { padding: 3px 0 !important; border: 0 !important; text-align: left !important; white-space: normal !important; }
  .tablo.mk td[data-etiket]:not([data-etiket=""])::before { content: attr(data-etiket); display: block; font-size: 11.5px; font-weight: 600; color: var(--soluk); margin-bottom: 1px; }
  .tablo.mk td:first-child::before { display: none !important; }      /* ilk hücre kartın başlığı */
  .tablo.mk td:first-child .birincil, .tablo.mk td:first-child > a { font-size: 15.5px; }
  .tablo.mk td.secim { float: right; margin: 2px 0 0 10px; }
  .tablo.mk td.secim input { width: 22px; height: 22px; }
  .tablo.mk tr.alt-satir { padding-top: 0; }
  .tablo.mk .serit { max-width: 100%; }
  .tablo.mk td.sag .ikincil { display: inline; margin-left: 6px; }
  .tablo.mk td:empty { display: none; }
  .tablo.mk td.sayi-hucre::before { display: inline !important; margin: 0 6px 0 0 !important; }
  /* ana sayfa: bir mükellefin tebligatları alt alta, tek sütun */
  .teb-yigin { min-width: 0; }
  .teb-sira { grid-template-columns: 1fr; gap: 4px; }
  /* dokunma hedefleri */
  .btn, .btn-kucuk, button.btn { min-height: 40px; }
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select { min-height: 42px; }
  .eylemler { flex-wrap: wrap; }
}
.unuttum summary { cursor: pointer; color: var(--baglanti); }
.unuttum p { margin: 6px 0 0; font-size: 13px; color: var(--soluk); }
.kart-eylem { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.nabiz-alt { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--cizgi-ince); display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.nabiz-alt .kucuk { color: var(--soluk); font-size: 12px; }
.mesaj-hucre { max-width: 420px; }
.kisalt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ------------------------------------------------------- abonelik ve ödeme */
.abonelik-duzen { display: grid; gap: 16px; align-items: start; }
@media (min-width: 1100px) { .abonelik-duzen { grid-template-columns: 1fr 250px; } }
.paket h2 { margin: 0; }
.paket-kota { margin: 0 0 6px; color: var(--murekkep-2); }
.paket-not { margin: 0; font-size: 12px; font-weight: 650; color: var(--lacivert); letter-spacing: .01em; }
.paket.one-cikan { box-shadow: inset 0 3px 0 var(--lacivert); }
.fiyat-blok { margin: 4px 0 2px; }
.fiyat.eski { position: relative; display: inline-block; font-size: 18px !important; font-weight: 500 !important; color: var(--soluk); }
.fiyat.eski span { position: relative; }
.fiyat.eski span::after { content: ""; position: absolute; left: -4px; right: -4px; top: 50%; height: 2px; background: var(--kase);
  transform: rotate(-12deg); transform-origin: center; }
.fiyat.yeni { color: var(--yesil); }
.indirim-notu { margin: 2px 0 0; font-size: 13px; font-weight: 600; color: var(--yesil); }
.birim-fiyat { margin: 8px 0 0; font-size: 13px; color: var(--soluk); line-height: 1.5; }
.birim-fiyat strong { color: var(--murekkep-2); font-weight: 650; }
.kupon-kutu .kucuk-baslik, .odeme-ozet .kucuk-baslik { font-size: 15px; margin: 0 0 10px; }
.kupon-form { display: flex; gap: 8px; }
.kupon-form input { flex: 1; min-width: 0; text-transform: uppercase; letter-spacing: .04em; }
.kupon-durum { margin: 10px 0 4px; font-size: 13px; display: flex; gap: 6px; align-items: center; }
.kupon-durum.ok { color: var(--yesil); font-weight: 600; }
.kupon-durum.hata { color: var(--kase); }
.odeme-duzen { display: grid; gap: 16px; align-items: start; }
@media (min-width: 960px) { .odeme-duzen { grid-template-columns: 1fr 320px; } }
.odeme-ozet .toplam { border-top: 1px solid var(--cizgi); padding-top: 8px; margin-top: 4px; }
.odeme-ozet .toplam dd { font-size: 20px; font-weight: 700; }
.cizik { text-decoration: line-through; text-decoration-color: var(--kase); text-decoration-thickness: 2px; color: var(--soluk); }
.paket-serit { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 8px 12px; margin-bottom: 16px; border: 1px solid var(--amber); border-radius: 4px; font-size: 13.5px; background: var(--form); }
.paket-serit svg { color: var(--amber); }
.nav-kalan { margin-left: auto; font-size: 12px; opacity: .8; font-variant-numeric: tabular-nums; }
.nav-kalan.k-uyari { color: #ffd27a; opacity: 1; font-weight: 600; }
.nav-kalan.k-hata { color: #ffb4ab; opacity: 1; font-weight: 600; }
.paket-serit.bilgi { border-color: var(--cizgi); }
.paket-serit.bilgi svg { color: var(--soluk); }
.paket-serit.hata { border-color: var(--kase); background: var(--kase-zemin); }
.paket-serit.hata svg { color: var(--kase); }
.paket-serit > span { flex: 1 1 280px; }

/* ödeme yöntemleri (kart / havale) */
.odeme-yontemleri { border: 0; padding: 0; margin: 8px 0 0; display: grid; gap: 14px; }
.odeme-yontemleri legend { font-weight: 600; font-size: 14px; margin-bottom: 8px; padding: 0; }
.odeme-yontemi { display: grid; gap: 6px; }
.havale-talimat .bilgi-listesi dd { overflow-wrap: anywhere; }
.kopyala-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }