/* Bahçe Günlüğü — taslak.html (v2) ile aynı renk, yazı tipi ve kart biçimi. 1 mm ≈ 5,16 px ölçeğiyle uyarlandı. */
:root {
  --murekkep: #2b2a26; --gri: #5d5a52; --soluk: #8b877c; --cizgi: #ddd6c6;
  --zemin: #fbf9f4; --kart: #ffffff; --kolon: #f1ede0; --bant: #f6f3ea;
  --yesil: #4d6a3a; --yesil-a: #e9efe0;
  --toprak: #8a5a3b; --toprak-a: #f3e9df;
  --su: #3f6e80; --su-a: #e3eef1; --uyari: #a8452f; --uyari-a: #f8e8e3;
  --sari-a: #fdf3d9; --sari: #8a6a14;
  --serif: "Noto Serif", "DejaVu Serif", Georgia, serif;
  --sans: "Noto Sans", "Lato", "DejaVu Sans", system-ui, sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html { background: var(--zemin); }
body { font-family: var(--sans); color: var(--murekkep); background: var(--zemin); font-size: 14px; line-height: 1.4;
  font-variant-numeric: lining-nums; min-height: 100vh; padding-bottom: 84px; }
a { color: var(--su); text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, .serif { font-family: var(--serif); }
.kap { max-width: 560px; margin: 0 auto; padding: 0 14px; }
.kap.genis { max-width: 1120px; }
.gizli { display: none !important; }

/* Üst çubuk */
.ust { display: flex; justify-content: space-between; align-items: center; padding: 12px 0 8px; gap: 8px; }
.ust .ad { font-family: var(--serif); font-weight: 700; font-size: 19px; }
.kisi { font-size: 11px; color: var(--gri); background: #fff; border: 1px solid var(--cizgi); border-radius: 99px; padding: 2px 10px; white-space: nowrap; }
.kisi.izle { color: var(--sari); background: var(--sari-a); border-color: #e6d7a3; }

/* Çevrimdışı şeridi, tost */
.cevrimdisi { position: sticky; top: 0; z-index: 40; background: var(--sari-a); color: var(--sari); font-size: 12px; text-align: center;
  padding: 6px 12px; border-bottom: 1px solid #e6d7a3; }
.tost { position: fixed; left: 50%; bottom: 96px; transform: translateX(-50%); background: var(--murekkep); color: #fff; padding: 9px 16px;
  border-radius: 10px; font-size: 13px; z-index: 50; max-width: 90vw; text-align: center; box-shadow: 0 4px 16px rgba(0,0,0,.25); }
.tost.hata { background: var(--uyari); }
.bildirim { border-radius: 10px; padding: 9px 12px; font-size: 13px; margin: 8px 0; background: var(--yesil-a); color: var(--yesil); border: 1px solid #cfdcbf; }
.bildirim.hata { background: var(--uyari-a); color: var(--uyari); border-color: #ebc7bd; }

/* Alt gezinme */
.nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: flex; justify-content: center; background: #fff;
  border-top: 1px solid var(--cizgi); padding: 6px 0 calc(8px + env(safe-area-inset-bottom)); }
.nav-ic { display: flex; width: 100%; max-width: 560px; }
.nav a { flex: 1; text-align: center; font-size: 11px; color: var(--soluk); display: flex; flex-direction: column; align-items: center; gap: 2px; }
.nav a svg { width: 22px; height: 22px; stroke: #b5af9f; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav a.ak { color: var(--yesil); font-weight: 700; }
.nav a.ak svg { stroke: var(--yesil); }

/* Yeşil hafta çubuğu */
.hbar { display: flex; align-items: center; justify-content: space-between; background: var(--yesil); color: #fff; border-radius: 11px; padding: 9px 13px; margin: 6px 0; }
.hbar .h { font-family: var(--serif); font-weight: 700; font-size: 18px; line-height: 1.2; }
.hbar .t { font-size: 12px; opacity: .92; }
.hbar .o { font-size: 20px; opacity: .85; color: #fff; padding: 0 4px; }
.hbar .oklar { display: flex; gap: 6px; }
.hbar a.o { text-decoration: none; }

/* Süzgeç çipleri */
.suz { display: flex; gap: 6px; overflow-x: auto; padding: 4px 14px 8px; margin: 0 -14px; scrollbar-width: none; }
.suz::-webkit-scrollbar { display: none; }
.chip { flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; font-size: 12px; background: #fff; border: 1px solid var(--cizgi);
  border-radius: 99px; color: var(--gri); }
.chip select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; padding: 4px 24px 4px 11px; border-radius: 99px; color: inherit; font-size: 12px; max-width: 160px; cursor: pointer; }
.chip::after { content: "▾"; position: absolute; right: 9px; font-size: 10px; pointer-events: none; }
.chip.ak { background: var(--yesil); color: #fff; border-color: var(--yesil); font-weight: 700; }
.chip.ak select { color: #fff; }
.chip.ak option { color: var(--murekkep); }
.chip.dugme-chip { background: #fff; color: var(--yesil); border-color: var(--yesil); font-weight: 700; padding: 4px 12px; cursor: pointer; }
.chip.dugme-chip::after { content: none; }

/* Sütun sekmeleri */
.stabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 2px 0 8px; }
.stab { text-align: center; font-size: 12px; background: #efeadc; border-radius: 99px; padding: 5px 2px; color: var(--gri); border: 0; cursor: pointer; }
.stab b { font-weight: 700; margin-left: 2px; }
.stab.vurgu { background: var(--yesil-a); color: var(--yesil); font-weight: 700; }

/* Pano sütunları */
.kolonlar { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; margin: 0 -14px; padding: 0 14px 12px; scrollbar-width: none; }
.kolonlar::-webkit-scrollbar { display: none; }
.kolon { flex: 0 0 min(46vw, 230px); scroll-snap-align: start; background: var(--kolon); border-radius: 11px; padding: 8px 7px 10px; min-height: 160px; display: flex; flex-direction: column; }
.kolon-b { display: flex; justify-content: space-between; font-weight: 700; font-size: 12.5px; padding: 0 2px 7px; color: var(--murekkep); }
.kolon-b span { color: var(--soluk); font-weight: 400; }
.kolon-l { flex: 1; min-height: 70px; display: flex; flex-direction: column; gap: 8px; }
.kolon-l:empty::after { content: "Buraya bırak"; display: block; border: 1px dashed #c9c3b3; border-radius: 10px; padding: 18px 6px; text-align: center; color: var(--soluk); font-size: 12px; }
.kolon-not { font-size: 11px; color: var(--soluk); margin: 4px 0 8px; }
@media (min-width: 860px) {
  .kolonlar { overflow: visible; margin: 0; padding: 0 0 12px; display: grid; grid-template-columns: repeat(4, 1fr); }
  .kolon { flex: none; }
  .stabs { display: none; }
}

/* Kart (pano) */
.kt { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; padding: 8px 8px 7px; display: block; color: inherit; cursor: grab; position: relative; }
.kt.bitti .baslik { color: var(--soluk); }
.kt-ust { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; margin-bottom: 4px; }
.kt .baslik { font-weight: 700; font-size: 13px; line-height: 1.28; margin-bottom: 5px; overflow-wrap: anywhere; }
.kt-alt { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; font-size: 11px; color: var(--soluk); }
.kt-alt .bosluk { flex: 1; }
.kt.sortable-ghost { opacity: .35; }
.kt.sortable-chosen { box-shadow: 0 6px 18px rgba(43,42,38,.22); transform: rotate(-1.2deg); }
.kt.kaydediliyor { opacity: .6; }
.kt-ilr { height: 5px; border-radius: 99px; background: #e9e4d6; overflow: hidden; margin: 0 0 6px; }
.kt-ilr i { display: block; height: 100%; background: var(--yesil); border-radius: 99px; }

.harf { flex: 0 0 auto; min-width: 22px; height: 19px; border-radius: 5px; background: var(--yesil); color: #fff; font-weight: 700; font-size: 11.5px;
  display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; font-family: var(--sans); }
.harf.islak { background: var(--su); }
.harf.ev { background: var(--toprak); }
.harf.buyuk { min-width: 32px; height: 28px; font-size: 15px; border-radius: 7px; }
.nokta { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: 0 0 auto; }
.nokta.sulama_gubre { background: var(--su); }
.nokta.capa_bakim { background: var(--toprak); }
.nokta.ekim_dikim { background: var(--yesil); }
.vd { display: inline-block; font-size: 10px; border-radius: 4px; padding: 0 6px; white-space: nowrap; font-weight: 700; line-height: 16px; }
.vd-kisa { background: var(--murekkep); color: #fff; }
.vd-orta { background: #a39e90; color: #fff; }
.vd-uzun { background: #fff; color: var(--gri); border: 1px solid var(--gri); line-height: 14px; }
.ig { display: inline-block; font-size: 10px; border-radius: 4px; padding: 0 6px; white-space: nowrap; font-weight: 700; line-height: 16px; }
.ig-agir { background: var(--toprak); color: #fff; }
.ig-orta { background: var(--toprak-a); color: var(--toprak); }
.ig-hafif { background: #f1efe9; color: var(--soluk); }
.kos { font-size: 10.5px; color: var(--su); border: 1px solid var(--su); border-radius: 99px; padding: 0 7px; line-height: 16px; }
.oner { font-size: 10.5px; color: var(--toprak); border: 1px dashed var(--toprak); border-radius: 99px; padding: 0 7px; line-height: 16px; }
.dev { font-size: 10.5px; color: var(--uyari); background: var(--uyari-a); border-radius: 99px; padding: 0 7px; line-height: 16px; }
.kisi-yb { flex: 0 0 auto; width: 25px; height: 25px; border-radius: 50%; border: 1px solid var(--yesil); background: var(--yesil-a); color: var(--yesil); font-size: 9.5px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center; }
.kisi-yb.bos { border: 1px dashed #c9c3b3; background: #fff; }
.kalan { font-size: 11px; border: 1px solid var(--su); color: var(--su); border-radius: 99px; padding: 0 8px; line-height: 17px; white-space: nowrap; background: #fff; }
.kalan.yakin { border-color: var(--uyari); color: var(--uyari); }
.kalan.gecti { background: var(--uyari); border-color: var(--uyari); color: #fff; font-weight: 700; }
.sa { font-size: 11px; color: var(--soluk); }

/* Hap / düğme */
.dugme { display: block; width: 100%; text-align: center; border-radius: 10px; padding: 11px 10px; font-weight: 700; font-size: 15px; border: 1px solid transparent; cursor: pointer; background: #fff; color: var(--gri); }
.dugme.ana { background: var(--yesil); color: #fff; }
.dugme.ikinci { background: #fff; color: var(--gri); border-color: var(--cizgi); font-weight: 400; }
.dugme.tehlike { background: #fff; color: var(--uyari); border-color: #ebc7bd; font-weight: 400; }
.dugme.kucuk { display: inline-block; width: auto; padding: 6px 14px; font-size: 13px; border-radius: 99px; }
.dugme:disabled { opacity: .5; }
.dugmeler { display: flex; gap: 9px; margin-top: 10px; }
.dugmeler .dugme { flex: 1; }

/* Formlar */
.girdi, .secim, textarea.girdi { width: 100%; border: 1px solid var(--cizgi); background: #fff; border-radius: 9px; padding: 9px 11px; font-size: 14px; }
.girdi:focus, .secim:focus, textarea:focus { outline: 2px solid var(--yesil-a); border-color: var(--yesil); }
label.alan { display: block; font-size: 12px; color: var(--gri); margin: 10px 0 4px; font-weight: 700; }
.kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; padding: 12px; margin: 10px 0; }
.kutu h3 { font-size: 15px; margin-bottom: 6px; }
.kutu.su { background: var(--su-a); border-color: #c7dde3; }
.kutu.su h3 { color: var(--su); }
.soluk { color: var(--soluk); font-size: 12px; }
.alt-b { font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .07em; font-weight: 700; margin: 14px 0 6px; }

/* Kart detayı */
.geri { display: inline-block; font-size: 13px; color: var(--su); padding: 10px 0 2px; }
.dt-ust { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 12px; color: var(--gri); margin: 4px 0; }
.dt-baslik { font-family: var(--serif); font-weight: 700; font-size: 21px; line-height: 1.25; margin: 6px 0 10px; overflow-wrap: anywhere; }
.seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; background: #efeadc; border-radius: 11px; padding: 3px; margin-bottom: 10px; }
.seg button { border: 0; background: transparent; padding: 8px 2px; font-size: 13px; border-radius: 9px; color: var(--gri); cursor: pointer; }
.seg button.ak { background: var(--yesil); color: #fff; font-weight: 700; }
.satirdt { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #eee9dc; font-size: 14px; }
.satirdt:last-of-type { border-bottom: 0; }
.satirdt > span:first-child { color: var(--gri); flex: 0 0 90px; font-size: 13px; }
.satirdt .deger { text-align: right; font-weight: 700; flex: 1; display: flex; gap: 8px; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.satirdt .secim, .satirdt .girdi { width: auto; max-width: 190px; padding: 6px 9px; font-size: 14px; font-weight: 400; }
.ilr-satir { padding: 9px 0; border-bottom: 1px solid #eee9dc; }
.ilr-satir .m { display: flex; justify-content: space-between; font-size: 13px; color: var(--gri); margin-bottom: 6px; }
.ilr-satir .m b { color: var(--yesil); }
input[type=range] { width: 100%; accent-color: var(--yesil); }
.plan-notu { background: var(--su-a); border-radius: 10px; padding: 9px 12px; font-size: 13px; color: #2f525f; margin: 10px 0; }
.plan-notu b { display: block; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 2px; }
.fot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.fot .f { aspect-ratio: 1/1; border-radius: 8px; position: relative; overflow: hidden; border: 1px solid var(--cizgi); background: #e9e4d6; display: block; }
.fot .f img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fot .f small { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(43,42,38,.55); color: #fff; font-size: 10px; text-align: center; padding: 1px 0; }
.fot .yeni { background: #fff; border: 1.5px dashed var(--yesil); color: var(--yesil); display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; cursor: pointer; }
.fot .yeni b { font-size: 24px; line-height: 1; font-weight: 400; }
.nt { border-left: 3px solid var(--yesil); background: #fff; padding: 7px 10px; border: 1px solid var(--cizgi); border-left: 3px solid var(--yesil); margin-bottom: 7px; font-size: 14px; border-radius: 0 8px 8px 0; overflow-wrap: anywhere; }
.nt small { display: block; font-size: 11px; color: var(--soluk); margin-top: 2px; }
.nt.geri-alindi { opacity: .6; border-left-color: #c9c3b3; }
.nt.geri-alindi .m { text-decoration: line-through; }
.nt .etk { color: var(--su); font-weight: 700; }
.nt a.gl { float: right; font-size: 11px; color: var(--soluk); cursor: pointer; }
.yorum-form { display: flex; gap: 7px; margin-top: 8px; align-items: flex-end; }
.yorum-form textarea { flex: 1; resize: none; min-height: 42px; }

/* Bu Hafta liste */
.seg2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: #efeadc; border-radius: 99px; padding: 3px; margin: 8px 0; }
.seg2 a { text-align: center; padding: 6px 0; border-radius: 99px; font-size: 13px; color: var(--gri); }
.seg2 a.ak { background: var(--yesil); color: #fff; font-weight: 700; }
.ilr { margin: 8px 0 10px; }
.ilr .m { display: flex; justify-content: space-between; font-size: 12px; color: var(--gri); margin-bottom: 3px; }
.cub { height: 7px; border-radius: 99px; background: #e9e4d6; overflow: hidden; }
.cub i { display: block; height: 100%; background: var(--yesil); border-radius: 99px; }
.bolum { background: #fff; border: 1px solid var(--cizgi); border-radius: 11px; margin-bottom: 9px; overflow: hidden; }
.bolum-b { display: flex; align-items: center; gap: 7px; padding: 6px 10px; background: var(--bant); border-bottom: 1px solid var(--cizgi); }
.bolum-b b { font-family: var(--serif); font-size: 14px; }
.bolum-b small { margin-left: auto; font-size: 11px; color: var(--soluk); text-align: right; }
.is { display: flex; gap: 10px; align-items: flex-start; padding: 9px 10px; border-top: 1px solid #eee9dc; }
.is:first-of-type { border-top: 0; }
.tik { flex: 0 0 auto; width: 24px; height: 24px; border: 1.5px solid var(--yesil); border-radius: 6px; background: #fff; margin-top: 1px; position: relative; cursor: pointer; padding: 0; }
.tik.on { background: var(--yesil); }
.tik.on::after { content: ""; position: absolute; left: 7.5px; top: 2.5px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.tik.kismi { background: linear-gradient(90deg, var(--yesil) 55%, #fff 55%); }
.is .ya { flex: 1; min-width: 0; }
.is .ya .b { font-weight: 700; font-size: 14px; line-height: 1.3; color: var(--murekkep); display: block; overflow-wrap: anywhere; }
.is.bitti .ya .b { color: var(--soluk); text-decoration: line-through; text-decoration-color: #c9c3b3; font-weight: 400; }
.is .ya .a { color: var(--soluk); font-size: 11px; margin-top: 3px; display: flex; flex-wrap: wrap; gap: 4px 7px; align-items: center; }

/* Takvim */
.hava { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin: 6px 0 4px; }
.hg { background: #fff; border: 1px solid var(--cizgi); border-radius: 9px; padding: 5px 0 4px; text-align: center; font-size: 11px; line-height: 1.3; color: var(--gri); }
.hg .gn { font-weight: 700; color: var(--murekkep); font-size: 12px; }
.hg .no { color: var(--soluk); font-size: 10px; }
.hg svg { width: 24px; height: 24px; display: block; margin: 2px auto; }
.hg .ust-s { font-weight: 700; color: var(--murekkep); font-size: 13px; }
.hg.bugun { border-color: var(--yesil); box-shadow: inset 0 0 0 1px var(--yesil); }
.hg.yagisli { background: var(--su-a); border-color: #bcd6dd; }
.hg.ruzgarli { background: var(--sari-a); border-color: #e6d7a3; }
.hg.yagisli.ruzgarli { background: linear-gradient(135deg, var(--su-a) 50%, var(--sari-a) 50%); }
.hg.yok { color: var(--cizgi); }
.hava-not { font-size: 10.5px; color: var(--soluk); margin-bottom: 8px; }
.izg-b { display: grid; grid-template-columns: 62px repeat(8, 1fr) 76px; gap: 3px; align-items: center; font-size: 11px; color: var(--gri); padding: 0 0 3px; }
.izg-b span { text-align: center; font-weight: 700; }
.ay { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; color: var(--toprak); margin: 8px 0 3px; }
.izg-s { display: grid; grid-template-columns: 62px repeat(8, 1fr) 76px; gap: 3px; align-items: center; padding: 3px 0; color: inherit; border-radius: 8px; }
a.izg-s:active, a.izg-s:hover { background: var(--yesil-a); }
.izg-s .hf { font-size: 13px; font-weight: 700; color: var(--yesil); font-family: var(--serif); line-height: 1.15; }
.izg-s .hf small { display: block; font-family: var(--sans); font-weight: 400; font-size: 10px; color: var(--soluk); }
.izg-s.bu .hf::after { content: " •"; color: var(--toprak); }
.hc { aspect-ratio: 1/1; border-radius: 6px; border: 1px dashed #d8d2c2; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--yesil); }
.hc.n1 { background: #dfe8d3; border: 0; }
.hc.n2 { background: #a9c28e; border: 0; color: #2b3a20; }
.hc.n3 { background: var(--yesil); border: 0; color: #fff; }
.hc.n4 { background: #2f4422; border: 0; color: #fff; }
.izg-s .sag { font-size: 10.5px; color: var(--gri); text-align: left; padding-left: 4px; }
.izg-s .sag i { display: block; height: 5px; border-radius: 3px; background: var(--toprak); margin-top: 3px; min-width: 2px; }
.izg-not { font-size: 10.5px; color: var(--soluk); margin-top: 8px; display: flex; justify-content: space-between; }

/* Ekip */
.kul { background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; margin-bottom: 8px; }
.kul summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 9px 11px; cursor: pointer; }
.kul summary::-webkit-details-marker { display: none; }
.kul[open] { border-color: var(--yesil); }
.kul .av { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: var(--yesil-a); color: var(--yesil); font-weight: 700; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.kul .bil { flex: 1; min-width: 0; }
.kul .bil b { display: block; font-size: 14px; }
.kul .bil small { color: var(--soluk); font-size: 11.5px; }
.rol { font-size: 11px; border-radius: 99px; padding: 1px 10px; background: #efeadc; color: var(--gri); font-weight: 700; }
.rol.yonetici { background: var(--toprak-a); color: var(--toprak); }
.rol.pasif { background: #eee; color: var(--soluk); }
.kul .ic { padding: 4px 12px 12px; border-top: 1px solid #eee9dc; }
.satir-f { display: flex; gap: 8px; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.satir-f form { display: contents; }
.link-kutu { background: #fff; border: 1px dashed var(--toprak); border-radius: 9px; padding: 8px 10px; font-family: ui-monospace, monospace; font-size: 12px; word-break: break-all; margin: 6px 0; }
.kapsam { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.kapsam label { font-size: 12px; border: 1px solid var(--cizgi); border-radius: 99px; padding: 3px 11px; background: #fff; cursor: pointer; }
.kapsam input { margin-right: 4px; accent-color: var(--yesil); }
.olay { font-size: 13px; padding: 8px 0; border-bottom: 1px solid #eee9dc; display: flex; gap: 8px; align-items: flex-start; }
.olay .m { flex: 1; }
.olay small { display: block; color: var(--soluk); font-size: 11px; }
.olay.geri-alindi .m { text-decoration: line-through; color: var(--soluk); }

/* Giriş / davet */
.giris-kutu { max-width: 380px; margin: 10vh auto 0; padding: 0 18px; }
.giris-kutu h1 { font-size: 28px; line-height: 1.15; border-left: 6px solid var(--yesil); padding-left: 12px; margin-bottom: 4px; }
.giris-kutu .alt { color: var(--toprak); font-family: var(--serif); margin: 0 0 18px 18px; }
.pin { letter-spacing: .5em; text-align: center; font-size: 20px; }

/* Kart başlığı en çok 4 satır; uzun koşul tek satırda kısalır */
.kt .baslik { display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.kt .kos { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.salt .kolon-l:empty::after { content: "Kart yok"; }
.salt .kt { cursor: pointer; }
dialog { border: 1px solid var(--cizgi); border-radius: 14px; padding: 16px; width: min(92vw, 380px); margin: auto; background: var(--zemin); }
dialog::backdrop { background: rgba(43,42,38,.45); }
.is .kos { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.satirdt input[type=date].girdi { max-width: 150px; }
.kutu > .ilr-satir:last-child { border-bottom: 0; }
.izg-b, .izg-s { grid-template-columns: 56px repeat(8, 1fr) 82px; }
.izg-s.bu { background: #f3f0e4; }
.izg-s.bu .hf::after { content: none; }
.izg-s.bu .hf { color: var(--toprak); }
.foto-gl { position: absolute; top: 3px; right: 3px; width: 24px; height: 24px; border-radius: 50%; border: 0; background: rgba(43,42,38,.6); color: #fff; font-size: 16px; line-height: 22px; cursor: pointer; padding: 0; }
.dugme:disabled, .seg button:disabled { opacity: .45; cursor: not-allowed; }

/* ===== Aşama 2: raporlar, finans, hava kuralları ===== */
.sek3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin: 2px 0 8px; }
.sek3 a, .sek3 div { text-align: center; font-size: 13px; padding: 7px 0; border-radius: 99px; background: #efeadc; color: var(--gri); }
.sek3 a.ak { background: var(--yesil); color: #fff; font-weight: 700; }
.ozet-sayi { display: flex; gap: 6px; margin: 8px 0; }
.ozet-sayi > div { flex: 1; background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; text-align: center; padding: 6px 2px 5px; font-size: 11px; color: var(--soluk); min-width: 0; }
.ozet-sayi > div b { display: block; font-family: var(--serif); font-size: 19px; color: var(--yesil); line-height: 1.15; overflow-wrap: anywhere; }
.ozet-sayi > div.dev b { color: var(--toprak); }
.ozet-sayi > div.pd b { color: var(--su); }
.ozet-sayi.fin > div b { font-size: 15px; padding: 3px 2px 0; color: var(--uyari); }
.ozet-sayi.fin > div.gelir b { color: var(--yesil); }
.ozet-sayi.fin > div.net-eksi b { color: var(--uyari); }
.ozet-sayi.fin > div:nth-child(3) b { color: var(--yesil); }
.ozet-sayi.fin > div.net-eksi:nth-child(3) b { color: var(--uyari); }
.hbar a.o { color: #fff; }

/* Haftalık rapor */
.rapor-ic { padding: 4px 12px 8px; }
.rd { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin: 8px 0 2px; }
.rd.y { color: var(--yesil); } .rd.d { color: var(--toprak); } .rd.p { color: var(--su); }
.rl { font-size: 13.5px; line-height: 1.32; padding-left: 14px; position: relative; margin-bottom: 3px; overflow-wrap: anywhere; }
.rl::before { content: "–"; position: absolute; left: 2px; color: var(--soluk); }
.rl a { color: var(--murekkep); }
.rl small { color: var(--soluk); font-size: 11px; }
.rapor-foto .f small { text-align: center; }
.wa-metin { white-space: pre-wrap; font-family: var(--sans); font-size: 12px; background: #fff; border: 1px dashed var(--cizgi); border-radius: 10px; padding: 9px 11px; margin-top: 10px; color: var(--gri); }
.yazdir-baslik { display: none; }

/* Grafikler */
.grf { background: #fff; border: 1px solid var(--cizgi); border-radius: 11px; padding: 9px 11px 10px; margin-bottom: 10px; }
.grf h6 { font-family: var(--serif); font-size: 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.grf h6 small { font-family: var(--sans); font-weight: 400; font-size: 10.5px; color: var(--soluk); text-align: right; }
.grf-tuval { position: relative; height: 190px; }
.ist { display: flex; height: 22px; border-radius: 5px; overflow: hidden; margin: 6px 0; }
.ist i { display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 11px; font-weight: 700; min-width: 0; }
.ist .k { background: var(--murekkep); color: #fff; } .ist .o { background: #a39e90; color: #fff; } .ist .u { background: #fff; color: var(--gri); border: 1px solid var(--soluk); }
.grf .lj { display: flex; gap: 10px; flex-wrap: wrap; font-size: 11px; color: var(--soluk); }

/* Hava rozetleri, öneri şeridi */
.hv { font-size: 10.5px; color: var(--su); background: var(--su-a); border-radius: 99px; padding: 0 8px; line-height: 17px; white-space: nowrap; }
.hv.ertele { color: var(--sari); background: var(--sari-a); border: 1px solid #e6d7a3; line-height: 15px; }
.hv.oncelendi { color: var(--yesil); background: var(--yesil-a); }
.oneri-seridi { display: flex; align-items: center; gap: 9px; background: var(--su-a); border: 1px solid #bcd6dd; border-radius: 11px; padding: 8px 10px; margin: 6px 0; color: #2f525f; }
.oneri-seridi svg { flex: 0 0 auto; width: 22px; height: 22px; stroke: var(--su); fill: none; stroke-width: 1.8; stroke-linecap: round; }
.oneri-seridi .ya { flex: 1; min-width: 0; font-size: 12.5px; line-height: 1.3; }
.oneri-seridi .ya b { display: block; font-size: 13.5px; }
.oneri-seridi .kapat { flex: 0 0 auto; border: 1px solid #a9c8d0; background: #fff; color: var(--su); border-radius: 99px; padding: 4px 12px; font-size: 12px; cursor: pointer; }
.hava-kutu { background: var(--su-a); border-radius: 10px; padding: 9px 12px; font-size: 13px; color: #2f525f; margin: 10px 0; display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
.hava-kutu b { font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.hava-kutu.ertele { background: var(--sari-a); color: var(--sari); }
.hava-kutu .dugme.kucuk { margin-top: 4px; }

/* Finans */
.fin-arac { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 4px 0 8px; }
.fin-arac .soluk { margin-left: auto; text-decoration: underline; }
.fin-liste, .arsiv, .fin-kart { padding: 2px 12px; }
.fr { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #eee9dc; color: inherit; }
.fr:last-of-type { border-bottom: 0; }
.fr.geri { opacity: .55; }
.fr.geri .fr-ya b { text-decoration: line-through; }
.fr-ya { flex: 1; min-width: 0; }
.fr-ya b { display: block; font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
.fr-ya small { display: block; color: var(--soluk); font-size: 11px; margin-top: 1px; }
.fr-tutar { flex: 0 0 auto; font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; }
.fr-tutar.gider { color: var(--uyari); }
.fr-tutar.gelir { color: var(--yesil); }
.fr.kucuk { padding: 6px 0; }
.fr-top { display: flex; justify-content: space-between; font-size: 13px; padding: 7px 0 2px; border-top: 1px solid #eee9dc; }
.fin-form .iki { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fin-form .iki > div { min-width: 0; }
.fin-form fieldset { min-width: 0; }
.seg2.tur { grid-template-columns: 1fr 1fr; margin: 0 0 4px; border-radius: 99px; }
.seg2.tur label { text-align: center; padding: 7px 0; border-radius: 99px; font-size: 13px; color: var(--gri); cursor: pointer; }
.seg2.tur label.ak { background: var(--yesil); color: #fff; font-weight: 700; }
.seg2.tur input { position: absolute; opacity: 0; pointer-events: none; }
.fis-onizle { display: block; width: 96px; margin-bottom: 6px; }
.fis-onizle img { width: 96px; height: 96px; object-fit: cover; border-radius: 8px; border: 1px solid var(--cizgi); display: block; }
input[type=file].girdi { padding: 7px 9px; font-size: 13px; }
.bt { padding: 8px 0; border-bottom: 1px solid #eee9dc; }
.bt-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 14px; margin-bottom: 4px; }
.bt-gir { width: 118px; padding: 5px 9px; text-align: right; font-size: 13px; }
.bt-b { font-size: 13px; color: var(--gri); }
.bt-alt { display: flex; justify-content: space-between; font-size: 11px; color: var(--soluk); margin-top: 3px; gap: 8px; }
.bt.asim .cub i { background: var(--uyari); }
.bt.asim .bt-alt span:last-child { color: var(--uyari); font-weight: 700; }
.bt.yakin .cub i { background: #d9992b; }
.bt.yok .cub { opacity: .4; }
.bt.toplam { border-bottom: 0; font-weight: 700; }
.kisi-satir { display: flex; gap: 10px; align-items: flex-start; padding: 9px 0; border-bottom: 1px solid #eee9dc; }
.kisi-satir .av { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: var(--yesil-a); color: var(--yesil); font-weight: 700; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.kisi-satir .ya { flex: 1; min-width: 0; }
.kisi-satir .ust-s { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 4px; gap: 8px; }
.kisi-satir .cub { margin-bottom: 3px; }

@media print {
  @page { size: A4; margin: 14mm; }
  body { background: #fff; padding: 0; font-size: 11pt; }
  .nav, .cevrimdisi, .ust, .sek3, .dugmeler, .hbar .oklar, .wa-metin, .tost, .oneri-seridi, .suz, .bildirim, .rapor-arac, .alt-b + .soluk { display: none !important; }
  .kap { max-width: none; padding: 0; }
  .yazdir-baslik { display: block; font-family: var(--serif); font-weight: 700; font-size: 16pt; margin: 0 0 6mm; }
  .hbar { background: #fff !important; color: #000; border: 1px solid #999; }
  .hbar .h, .hbar .t { color: #000; }
  .bolum, .grf, .kutu { break-inside: avoid; }
  .rl a { color: #000; text-decoration: none; }
  .fot { grid-template-columns: repeat(4, 1fr); }
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}