:root {
  --zemin: #FBFBF9;
  --panel: #FFFFFF;
  --rayı: #F2F2EE;
  --cizgi: #E4E4DE;
  --cizgi-koyu: #CFCFC7;
  --murekkep: #1B1E1C;
  --ikincil: #6A6F6B;
  --soluk: #9A9E99;
  --yesil: #17614A;
  --yesil-zemin: #E6F0EB;
  --turuncu: #A8501F;
  --turuncu-zemin: #FAEDE4;
  --kirmizi: #97331F;
  --kirmizi-zemin: #FAE8E4;
  --mavi-zemin: #EAF0F6;
  --mavi: #24557F;
  --r: 6px;
}

* { box-sizing: border-box; }

html, body, #kok {
  height: 100%; margin: 0;
  background: var(--zemin); color: var(--murekkep);
  font: 400 14px/1.5 -apple-system, "Segoe UI", Roboto, sans-serif;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}

button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; border: none; background: none; }
:focus-visible { outline: 2px solid var(--yesil); outline-offset: 1px; }

/* --- iskelet --- */
.uygulama { height: 100%; display: flex; flex-direction: column; }

.ust {
  height: 46px; flex: none; display: flex; align-items: center; gap: 16px;
  padding: 0 16px; background: var(--panel);
  border-bottom: 1px solid var(--cizgi);
}
.marka { font-weight: 500; letter-spacing: -0.01em; }
.ust-ara { flex: 1; }
.rozet {
  font-size: 12px; padding: 2px 9px; border-radius: 20px;
  background: var(--rayı); color: var(--ikincil);
}
.rozet.canli { background: var(--yesil-zemin); color: var(--yesil); }
.rozet.kopuk { background: var(--kirmizi-zemin); color: var(--kirmizi); }

/* Kose bildirimi: isletim sistemi izni olmasa da gorunur. */
.toast {
  position: fixed; right: 20px; bottom: 20px; z-index: 900;
  width: 320px; max-width: calc(100vw - 40px); text-align: left;
  display: flex; flex-direction: column; gap: 3px; cursor: pointer;
  padding: 12px 14px; border-radius: 12px;
  background: #fff; border: 1px solid var(--cizgi);
  box-shadow: 0 12px 34px rgba(20,32,43,.18), 0 2px 6px rgba(0,0,0,.06);
  animation: toast-gir .22s ease both;
}
@keyframes toast-gir {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) { .toast { animation: none; } }
.toast:hover { background: var(--zemin); }
.toast-ad { font-size: 13px; font-weight: 600; }
.toast-govde {
  font-size: 12.5px; color: var(--ikincil);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.izin-dug {
  font-size: 12px; padding: 4px 11px; border-radius: 20px; cursor: pointer;
  background: var(--mavi-zemin); color: var(--mavi);
  border: 1px solid #CFDEEC; margin-right: 10px;
}
.izin-dug:hover { background: #E3EDF7; }

.govde { flex: 1; display: flex; min-height: 0; }
/* Orta sutun minmax(0,...) ile daraltilabilir olmali; yoksa icerigi
   tasiyip sagdaki musteri bolmesini eziyor. Musteri bolmesi genis:
   siparis, kargo, gezinti ve urun aramasi orada. */
.bolmeler { flex: 1; display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 396px;
  min-height: 0; }
@media (max-width: 1500px) {
  .bolmeler { grid-template-columns: 250px minmax(0, 1fr) 340px; }
}

.serit {
  flex: none; width: 64px; background: var(--rayı);
  border-right: 1px solid var(--cizgi); padding: 8px 0;
  display: flex; flex-direction: column; gap: 2px;
}
.serit-dug {
  position: relative; width: 100%; padding: 9px 0 7px;
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  color: var(--ikincil); font-size: 10.5px;
}
.serit-dug svg { width: 20px; height: 20px; }
.serit-dug:hover { background: var(--panel); color: var(--murekkep); }
.serit-dug[aria-current="true"] { background: var(--panel); color: var(--yesil); }
.serit-rozet {
  position: absolute; top: 7px; right: 15px; width: 7px; height: 7px;
  border-radius: 50%; background: var(--turuncu);
}
.bolme { min-height: 0; display: flex; flex-direction: column; background: var(--panel); }
.bolme + .bolme { border-left: 1px solid var(--cizgi); }
.bolme-bas {
  flex: none; padding: 10px 14px; border-bottom: 1px solid var(--cizgi);
  display: flex; align-items: center; gap: 8px; min-height: 44px;
}
.bolme-govde { flex: 1; overflow-y: auto; }

/* --- sekmeler --- */
.sekmeler { display: flex; gap: 4px; }
.sekme {
  font-size: 13px; padding: 4px 10px; border-radius: var(--r);
  color: var(--ikincil);
}
.sekme:hover { background: var(--rayı); }
.sekme[aria-selected="true"] { background: var(--murekkep); color: #fff; }
.sekme .say { opacity: .65; margin-left: 5px; }

/* --- konusma listesi --- */
.satir {
  width: 100%; text-align: left; display: block;
  padding: 11px 14px 11px 16px; border-bottom: 1px solid var(--cizgi);
  border-left: 3px solid transparent; position: relative;
}
.satir:hover { background: var(--zemin); }
.satir[aria-current="true"] { background: var(--rayı); border-left-color: var(--murekkep); }
.satir-bas { display: flex; align-items: baseline; gap: 8px; }
.satir-ad { font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.satir-onizleme {
  margin-top: 3px; font-size: 13px; color: var(--ikincil);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.satir-alt { margin-top: 5px; display: flex; align-items: center; gap: 6px; }
.satir-sayfa {
  font-size: 11.5px; color: var(--soluk);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 170px;
}
.okunmamis {
  min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px;
  background: var(--murekkep); color: #fff; font-size: 11.5px;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Bekleme suresi: bu ekranin kahramani.
   Sure buyudukce satir gorsel olarak yukselir. */
.sure { font-size: 12px; color: var(--soluk); white-space: nowrap; }
.satir[data-yas="bekliyor"] { border-left-color: var(--cizgi-koyu); }
.satir[data-yas="gecikti"] { border-left-color: var(--turuncu); background: var(--turuncu-zemin); }
.satir[data-yas="gecikti"] .sure { color: var(--turuncu); font-weight: 500; }
.satir[data-yas="kritik"] { border-left-color: var(--kirmizi); background: var(--kirmizi-zemin); }
.satir[data-yas="kritik"] .sure { color: var(--kirmizi); font-weight: 500; }

.nokta {
  width: 7px; height: 7px; border-radius: 50%; flex: none;
  background: var(--cizgi-koyu);
}
.nokta.acik { background: var(--yesil); }

.bos { padding: 40px 20px; text-align: center; color: var(--soluk); font-size: 13px; }

/* --- sohbet --- */
.sohbet { padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.balon-sar { display: flex; }
.balon-sar.ben { justify-content: flex-end; }
.balon {
  max-width: 78%; padding: 9px 13px; border-radius: 14px;
  white-space: pre-wrap; word-break: break-word;
}
.balon-sar.onlar .balon { background: var(--rayı); border-bottom-left-radius: 4px; }
.balon-sar.ben .balon { background: var(--mavi-zemin); color: var(--mavi); border-bottom-right-radius: 4px; }
.balon-sar.not { justify-content: center; }
.balon-sar.not .balon {
  max-width: 90%; background: var(--turuncu-zemin); color: var(--turuncu);
  border-radius: var(--r); font-size: 13px;
}
.balon-sar.sistem { justify-content: flex-start; }
.balon-sar.sistem .balon {
  background: var(--yesil-zemin); color: var(--yesil);
  border-bottom-left-radius: 4px;
}
.baglanti { color: var(--mavi); text-decoration: underline;
  text-underline-offset: 2px; word-break: break-all; }
.balon-sar.ben .baglanti { color: inherit; }

.balon-alt { margin-top: 4px; font-size: 11px; opacity: .7; text-align: right; }
.yaziyor { font-size: 12.5px; color: var(--soluk); padding: 0 20px 8px; }

.yazac { flex: none; border-top: 1px solid var(--cizgi); padding: 10px 14px; }
.yazac textarea {
  width: 100%; min-height: 66px; max-height: 180px; resize: vertical;
  padding: 9px 11px; border: 1px solid var(--cizgi); border-radius: var(--r);
  background: var(--panel);
}
.yazac textarea:focus { border-color: var(--cizgi-koyu); outline: none; }
.yazac.not textarea { background: var(--turuncu-zemin); border-color: var(--turuncu); }
.yazac-alt { margin-top: 8px; display: flex; align-items: center; gap: 8px; }
.ipucu { flex: 1; font-size: 12px; color: var(--soluk); }

.dugme {
  padding: 6px 14px; border-radius: var(--r); border: 1px solid var(--cizgi-koyu);
  background: var(--panel); font-size: 13px;
}
.dugme:hover { background: var(--rayı); }
.dugme.birincil { background: var(--murekkep); color: #fff; border-color: var(--murekkep); }
.dugme.birincil:hover { opacity: .88; }
.dugme.acik { background: var(--turuncu-zemin); border-color: var(--turuncu); color: var(--turuncu); }
.dugme:disabled { opacity: .45; cursor: default; }

/* --- kisayol menusu --- */
.kisayol {
  position: absolute; bottom: 100%; left: 14px; right: 14px; margin-bottom: 6px;
  background: var(--panel); border: 1px solid var(--cizgi-koyu);
  border-radius: var(--r); box-shadow: 0 6px 20px rgba(0,0,0,.09);
  max-height: 240px; overflow-y: auto; z-index: 5;
}
.kisayol-satir { width: 100%; text-align: left; padding: 8px 12px; display: block; }
.kisayol-satir:hover, .kisayol-satir[aria-selected="true"] { background: var(--rayı); }
.kisayol-kod { font-weight: 500; }
.kisayol-metin { font-size: 12.5px; color: var(--ikincil); margin-top: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* --- baglam --- */
.kutu { padding: 12px 14px; border-bottom: 1px solid var(--cizgi); }
.kutu-baslik { font-size: 11.5px; color: var(--soluk); margin-bottom: 8px; }
.alan { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; font-size: 13px; }
.alan dt { color: var(--ikincil); flex: none; }
.alan dd { margin: 0; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.siparis { border: 1px solid var(--cizgi); border-radius: var(--r); padding: 9px 11px; margin-bottom: 8px; }
.siparis-bas { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.durum-etiket { font-size: 11.5px; padding: 2px 8px; border-radius: var(--r); }
.durum-kargolandi, .durum-teslim_edildi { background: var(--yesil-zemin); color: var(--yesil); }
.durum-hazirlaniyor, .durum-yeni { background: var(--mavi-zemin); color: var(--mavi); }
.durum-iptal_edildi, .durum-iade_edildi { background: var(--kirmizi-zemin); color: var(--kirmizi); }
.siparis-detay { margin-top: 5px; font-size: 12.5px; color: var(--ikincil); line-height: 1.55; }
.yapistir { margin-top: 7px; font-size: 12px; padding: 4px 9px; }

/* Gezdigi sayfalar kendi kutusunda kaysin.
   Musteri 20 sayfa gezince liste bolmeyi uzatiyordu; altindaki urun
   aramasi ekranin disina itiliyordu. */
.gezinti-liste {
  max-height: 232px; overflow-y: auto; overscroll-behavior: contain;
  margin: 0 -4px; padding: 0 4px;
}
.gezinti-liste::-webkit-scrollbar { width: 8px; }
.gezinti-liste::-webkit-scrollbar-thumb {
  background: #D4D8DC; border-radius: 4px;
}
.gezinti-liste::-webkit-scrollbar-track { background: transparent; }
.gezinti { min-width: 0; }
.gezinti + .gezinti { border-top: 1px solid var(--cizgi); }
.gezinti-urun, .gezinti-sayfa {
  width: 100%; text-align: left; display: flex; align-items: center;
  gap: 9px; padding: 7px 0;
}
.gezinti-urun:hover { background: var(--zemin); }
.gezinti-gorsel {
  width: 34px; height: 34px; flex: none; border-radius: var(--r);
  object-fit: cover; background: var(--rayı); display: block;
}
.gezinti-sayfa { flex-direction: column; align-items: flex-start; gap: 1px; }
.gezinti-ad {
  display: block; font-size: 13px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}
.gezinti-alt {
  display: block; font-size: 12px; color: var(--ikincil); margin-top: 1px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.urun { display: flex; align-items: center; gap: 9px; }
.urun-gorsel {
  width: 30px; height: 30px; flex: none; border-radius: var(--r);
  object-fit: cover; background: var(--rayı);
}

.kutucuklar {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 10px;
}
.kutucuk {
  padding: 13px 15px; border: 1px solid var(--cizgi);
  border-radius: var(--r); background: var(--panel);
}
.kutucuk.uyari { border-color: var(--turuncu); background: var(--turuncu-zemin); }
.kutucuk-deger { display: block; font-size: 24px; font-weight: 600;
  letter-spacing: -.02em; }
.kutucuk.uyari .kutucuk-deger { color: var(--turuncu); }
.kutucuk-ad { display: block; font-size: 12.5px; color: var(--ikincil);
  margin-top: 3px; }
.kutucuk-alt { display: block; font-size: 11.5px; color: var(--soluk);
  margin-top: 2px; }

.sutunlar { display: flex; align-items: flex-end; gap: 4px; height: 120px;
  padding-top: 8px; }
.sutun { flex: 1; display: flex; flex-direction: column; align-items: center;
  height: 100%; justify-content: flex-end; gap: 5px; }
.sutun-dolgu { width: 100%; min-height: 2px; background: var(--mavi);
  border-radius: 3px 3px 0 0; opacity: .75; }
.sutun:hover .sutun-dolgu { opacity: 1; }
.sutun span { font-size: 10.5px; color: var(--soluk); }

.soru-satir { padding: 9px 0; border-top: 1px solid var(--cizgi); }
.soru-metin { display: block; font-size: 13.5px; line-height: 1.45; }
.soru-alt { display: block; font-size: 11.5px; color: var(--soluk);
  margin-top: 3px; }
.sayac-satir { display: flex; align-items: center; gap: 10px; padding: 7px 0;
  border-top: 1px solid var(--cizgi); font-size: 13px; }
.sayac { font-weight: 500; font-variant-numeric: tabular-nums; }

.dosya-kart {
  display: flex; align-items: center; gap: 10px; padding: 9px 11px;
  border-radius: 12px; text-decoration: none; max-width: 80%;
  background: var(--rayı); border: 1px solid var(--cizgi);
  color: var(--murekkep);
}
.dosya-kart:hover { border-color: var(--cizgi-koyu); }
.balon-sar.ben .kutucuklar {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 10px;
}
.kutucuk {
  padding: 13px 15px; border: 1px solid var(--cizgi);
  border-radius: var(--r); background: var(--panel);
}
.kutucuk.uyari { border-color: var(--turuncu); background: var(--turuncu-zemin); }
.kutucuk-deger { display: block; font-size: 24px; font-weight: 600;
  letter-spacing: -.02em; }
.kutucuk.uyari .kutucuk-deger { color: var(--turuncu); }
.kutucuk-ad { display: block; font-size: 12.5px; color: var(--ikincil);
  margin-top: 3px; }
.kutucuk-alt { display: block; font-size: 11.5px; color: var(--soluk);
  margin-top: 2px; }

.sutunlar { display: flex; align-items: flex-end; gap: 4px; height: 120px;
  padding-top: 8px; }
.sutun { flex: 1; display: flex; flex-direction: column; align-items: center;
  height: 100%; justify-content: flex-end; gap: 5px; }
.sutun-dolgu { width: 100%; min-height: 2px; background: var(--mavi);
  border-radius: 3px 3px 0 0; opacity: .75; }
.sutun:hover .sutun-dolgu { opacity: 1; }
.sutun span { font-size: 10.5px; color: var(--soluk); }

.soru-satir { padding: 9px 0; border-top: 1px solid var(--cizgi); }
.soru-metin { display: block; font-size: 13.5px; line-height: 1.45; }
.soru-alt { display: block; font-size: 11.5px; color: var(--soluk);
  margin-top: 3px; }
.sayac-satir { display: flex; align-items: center; gap: 10px; padding: 7px 0;
  border-top: 1px solid var(--cizgi); font-size: 13px; }
.sayac { font-weight: 500; font-variant-numeric: tabular-nums; }

.dosya-kart { background: var(--mavi-zemin);
  border-color: #CFDEEC; }
.dosya-onizleme { width: 46px; height: 46px; flex: none; border-radius: 8px;
  object-fit: cover; background: var(--panel); }
.dosya-ikon {
  width: 46px; height: 46px; flex: none; border-radius: 8px;
  background: var(--panel); border: 1px solid var(--cizgi);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 600; color: var(--ikincil);
}
.dosya-ad { display: block; font-size: 13px; font-weight: 500;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dosya-alt { display: block; font-size: 11.5px; color: var(--ikincil);
  margin-top: 2px; }

.urun-kart-panel {
  display: flex; gap: 11px; padding: 11px; border-radius: 12px;
  background: var(--mavi-zemin); border: 1px solid #CFDEEC; max-width: 88%;
}
.urun-kart-panel img, .urun-kart-panel .bos-gorsel {
  width: 54px; height: 54px; flex: none; border-radius: 8px;
  object-fit: cover; background: var(--panel);
}
.urun-kart-panel .urun-ad { font-size: 13px; font-weight: 500;
  color: var(--murekkep); }
.urun-kart-panel .urun-fiyat { font-size: 15px; font-weight: 600;
  color: var(--mavi); margin-top: 3px; }
.urun-kart-panel .urun-alt { font-size: 11.5px; color: var(--ikincil);
  margin-top: 2px; }

.arama-sonuc { border-top: 1px solid var(--cizgi); padding: 8px 0 0; }
.urun { width: 100%; text-align: left; padding: 7px 0; display: block; }
.urun:hover { background: var(--zemin); }
.urun-ad { font-size: 13px; }
.urun-alt { font-size: 12px; color: var(--ikincil); margin-top: 2px; }

.havale-sayfa { flex: 1; display: flex; flex-direction: column; min-height: 0;
  background: var(--panel); }
.havale-kart {
  border: 1px solid var(--cizgi); border-left: 3px solid var(--cizgi-koyu);
  border-radius: var(--r); padding: 11px 13px; margin-bottom: 9px;
}
.havale-kart[data-onayli="1"] { border-left-color: var(--yesil); background: var(--zemin); }
.havale-bas { display: flex; align-items: baseline; gap: 10px; font-size: 14px; }
.havale-alt { margin-top: 3px; font-size: 12px; color: var(--soluk); }
.havale-form { margin-top: 9px; display: flex; gap: 7px; }
.havale-form input {
  width: 150px; padding: 6px 9px; border: 1px solid var(--cizgi);
  border-radius: var(--r);
}
.havale-onay {
  margin-top: 9px; display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: var(--yesil);
}

.ayar-sayfa { flex: 1; display: flex; flex-direction: column; min-height: 0;
  background: var(--panel); }
.ayar-govde { padding: 0; }
.ayar-blok { padding: 16px 20px; border-bottom: 1px solid var(--cizgi);
  max-width: 760px; }
.ayar-blok h3 { margin: 0 0 4px; font-size: 14px; font-weight: 500; }
.ayar-not { margin: 0 0 12px; font-size: 12.5px; color: var(--ikincil);
  line-height: 1.5; }
.ayar-alan { display: block; margin-bottom: 11px; }
.ayar-alan span { display: block; font-size: 12.5px; color: var(--ikincil);
  margin-bottom: 4px; }
.ayar-alan select {
  width: 100%; padding: 7px 10px; border: 1px solid var(--cizgi);
  border-radius: var(--r); font: inherit; background: var(--panel);
}
.ayar-alan input, .ayar-blok textarea {
  width: 100%; padding: 7px 10px; border: 1px solid var(--cizgi);
  border-radius: var(--r); font: inherit;
}
.ayar-blok textarea { resize: vertical; }
.ayar-satir { display: flex; align-items: center; gap: 8px; margin: 8px 0;
  font-size: 13px; }
.ayar-satir em { color: var(--soluk); font-style: normal; }
.mesai-satir { display: flex; align-items: center; gap: 9px; padding: 5px 0;
  font-size: 13px; }
.mesai-gun { width: 84px; color: var(--ikincil); }
.mesai-satir input[type="time"] { padding: 5px 8px; border: 1px solid var(--cizgi);
  border-radius: var(--r); font: inherit; }
.ekip-menu {
  position: absolute; top: 100%; right: 0; margin-top: 6px; z-index: 10;
  min-width: 200px; background: var(--panel);
  border: 1px solid var(--cizgi-koyu); border-radius: var(--r);
  box-shadow: 0 8px 24px rgba(0,0,0,.12); padding: 5px 0;
}
.ekip-baslik { padding: 7px 13px 4px; font-size: 11.5px; color: var(--soluk); }
.ekip-satir { width: 100%; text-align: left; padding: 7px 13px; font-size: 13px; }
.ekip-satir:hover { background: var(--rayı); }

.guncelleme-bilgi { margin: 10px 0 14px; font-size: 12.5px;
  color: var(--ikincil); line-height: 1.6; }
.guncelleme-bilgi ul { margin: 7px 0 0; padding-left: 18px; }
.guncelleme-bilgi li { margin-bottom: 3px; }
.guncelleme-bilgi code { background: var(--rayı); padding: 1px 5px;
  border-radius: 4px; font-size: 11.5px; }

.birak-alani {
  border: 1.5px dashed var(--cizgi-koyu); border-radius: 12px;
  padding: 28px 20px; text-align: center; cursor: pointer;
  background: var(--zemin); transition: border-color .15s, background .15s;
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  max-width: 520px;
}
.birak-alani:hover, .birak-alani.uzerinde {
  border-color: var(--yesil); background: var(--yesil-zemin);
}
.birak-alani.mesgul { opacity: .6; cursor: default; }
.birak-alani svg { width: 30px; height: 30px; color: var(--soluk);
  margin-bottom: 4px; }
.birak-alani:hover svg, .birak-alani.uzerinde svg { color: var(--yesil); }
.birak-alani strong { font-weight: 500; font-size: 14px; }
.birak-alani span { font-size: 12.5px; color: var(--soluk); }

.guncelleme-sonuc {
  margin-top: 12px; padding: 11px 13px; border-radius: var(--r);
  font-size: 13px; line-height: 1.5; max-width: 520px;
}
.guncelleme-sonuc.iyi { background: var(--yesil-zemin); color: var(--yesil); }
.guncelleme-sonuc.hata { background: var(--kirmizi-zemin); color: var(--kirmizi); }

.temsilci-satir { display: flex; align-items: center; gap: 10px;
  padding: 11px 0; border-top: 1px solid var(--cizgi); }
.jeton {
  display: inline-block; margin-top: 5px; padding: 3px 8px;
  background: var(--rayı); border-radius: var(--r); font-size: 11.5px;
  font-family: ui-monospace, monospace; color: var(--ikincil);
  user-select: all; word-break: break-all;
}

.kupon-satir { display: flex; align-items: center; gap: 10px; padding: 8px 0;
  border-top: 1px solid var(--cizgi); }
.kupon-yeni { display: flex; gap: 7px; margin-top: 12px; flex-wrap: wrap; }
.kupon-yeni input { padding: 7px 10px; border: 1px solid var(--cizgi);
  border-radius: var(--r); font: inherit; }
.kupon-yeni input:nth-child(1) { width: 110px; }
.kupon-yeni input:nth-child(2) { flex: 1; min-width: 160px; }
.kupon-yeni input:nth-child(3) { flex: 1; min-width: 150px; }
.cevap-kart { max-width: 860px; }
.cevap-bas { display: flex; align-items: center; gap: 9px; margin-bottom: 9px;
  font-size: 13px; }
.cevap-ust { display: flex; gap: 10px; align-items: flex-end; }
.cevap-ust .ayar-alan { margin-bottom: 9px; }
.cevap-alt { display: flex; align-items: center; gap: 10px; margin-top: 9px; }
.cevap-yeni { background: var(--zemin); }

.uyari { padding: 10px 14px; font-size: 12.5px; color: var(--ikincil); background: var(--rayı); }