/* Çözüm planları ve gönüllülük (kullanıcının çizimi; js/cozum.js). Rengi yeşil: fotoğraflı kırmızı, yazılı lacivert, çözüm yeşil. */
:root{--cz:#0B7A52;--cz-koyu:#0A5C40;--cz-parlak:#02AD7A;--cz-metin:#063D2B;--cz-a:#E4F5EC;--cz-a2:#CDEBDB;--cz-acik:#9FF0C9;--cz-bos:#A9CDBC;
  --cz-gecis:linear-gradient(150deg,#14A572 0%,#0B7A52 48%,#085A3E 100%)}
html[data-tema=gece]{--cz:#34BD8A;--cz-koyu:#0D3A2A;--cz-parlak:#19C48C;--cz-metin:#D7F5E7;--cz-a:#12291F;--cz-a2:#1A3A2B;--cz-acik:#7FE3B6;--cz-bos:#2F5A47;
  --cz-gecis:linear-gradient(150deg,#13744F 0%,#0C523A 50%,#083727 100%)}

/* ── Yeşil "Çözüm" kutusu: ana sayfada yazılı gündemin sağında, başlık sayfasında sağ sütunda ── */
.cz-panel{align-self:stretch;padding:16px;border-radius:var(--r);background:var(--cz-gecis);color:#fff;box-shadow:var(--golge-b)}
.cz-p-ust{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.cz-p-ik{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.17);font-size:22px}
.cz-p-ust>div{min-width:0}
.cz-p-ust h2{font-size:20px;font-weight:800;color:#fff}
.cz-p-ust p{margin:0;font-size:13.5px;opacity:.88}
.cz-p-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 0}
.cz-genislet,.cz-daralt{display:inline-flex;align-items:center;gap:5px;flex:none;height:36px;padding:0 14px 0 10px;border-radius:999px;background:#fff;color:var(--cz-koyu);font-weight:800;font-size:13.5px;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.16);transition:background .15s}
.cz-genislet i,.cz-daralt i{font-size:18px;transition:transform .2s ease}
.cz-genislet:hover,.cz-daralt:hover{background:#EAFFF5}
.cz-genislet:hover i{transform:translateX(-3px)}
.cz-daralt:hover i{transform:translateX(3px)}
.cz-p-gonullu{display:inline-flex;align-items:center;gap:4px;color:#fff;font-weight:700;font-size:13.5px;text-decoration:none;opacity:.9}
.cz-p-gonullu:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.cz-p-gonullu i{font-size:16px}
.cz-panel.tel{display:none;margin:4px 0 22px}

/* Dört kutu: alt alta (ana sayfa) ya da yan yana (genişlemiş). Çöz önce açık (parlak yeşil); kapalı olan kesik çizgili boş yuva */
.cz-kareler{display:flex;flex-direction:column;gap:8px}
.cz-kare{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px 12px 10px 10px;border:1.5px solid transparent;border-radius:14px;background:#fff;color:var(--cz-metin);font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.14);transition:transform .18s ease,box-shadow .18s ease}
.cz-kare:hover{transform:translateX(-3px);box-shadow:0 8px 18px rgba(0,0,0,.2)}
.cz-kare-ik{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--cz-a);color:var(--cz);font-size:20px}
.cz-kare-yazi{display:flex;flex-direction:column;min-width:0}
.cz-kare-yazi b{font:800 15.5px/1.2 var(--hf)}
.cz-kare-yazi small{margin-top:2px;overflow:hidden;font:600 12.5px/1.3 var(--ff);color:var(--mut);white-space:nowrap;text-overflow:ellipsis}
.cz-kare .kisa{display:none}
.cz-kare-sag em{display:inline-block;min-width:28px;padding:3px 9px;border-radius:999px;background:var(--cz-a);color:var(--cz);font:800 14px/1.2 var(--hf);font-style:normal;text-align:center;white-space:nowrap}
.cz-kare-sag i{font-size:18px;color:var(--cz)}
.cz-kare.coz:not([aria-disabled="true"]){background:linear-gradient(135deg,#76F4C6 0%,#27D79B 55%,#07B580 100%);color:#03291C}
.cz-kare.coz:not([aria-disabled="true"]) .cz-kare-ik{background:rgba(255,255,255,.5);color:#03291C}
.cz-kare.coz:not([aria-disabled="true"]) :is(small,.cz-kare-sag i){color:#064430}
.cz-kare[aria-disabled="true"]{border:1.5px dashed rgba(255,255,255,.32);background:rgba(0,0,0,.14);box-shadow:none;color:rgba(255,255,255,.75);cursor:not-allowed}
.cz-kare[aria-disabled="true"]:hover{transform:none;box-shadow:none}
.cz-kare[aria-disabled="true"] .cz-kare-ik{background:rgba(255,255,255,.08);color:rgba(255,255,255,.55)}
.cz-kare[aria-disabled="true"] small{color:rgba(255,255,255,.66)}
.cz-kare[aria-current="page"]{box-shadow:0 0 0 3px var(--cz-acik),0 8px 20px rgba(0,0,0,.24)}
html[data-tema=gece] .cz-kare:not([aria-disabled="true"]):not(.coz){background:#173D2E;color:var(--cz-metin)}
html[data-tema=gece] .cz-kare:not([aria-disabled="true"]):not(.coz) .cz-kare-ik{background:rgba(255,255,255,.07)}
html[data-tema=gece] .cz-kare:not(.coz) small{color:#A8CDBD}
html[data-tema=gece] .cz-kare-sag em{background:rgba(255,255,255,.08)}

/* Ana sayfa: planı olan yazılı başlıkta yeşil işaret */
.cz-yl{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--cz-a);color:var(--cz);font:700 12.5px var(--ff);white-space:nowrap}
.cz-yl i{font-size:14px}
.cz-yl.bos{background:var(--soft);color:var(--ink2)}

/* ── Genişlemiş çözüm alanı: ana sayfanın yerinde; solda yazılı gündem (aynı lacivert kutu), sağda büyümüş yeşil kutu ve içerik ── */
body:not(.cz-genis) .cz-alan{display:none!important}
body.cz-genis #duzen{display:none!important}
body.cz-genis .bant{background:linear-gradient(90deg,#064D36 0%,#0B7A52 42%)}
body.cz-genis .bant::after{background:linear-gradient(90deg,#0B7A52 0%,rgba(11,122,82,.72) 16%,rgba(11,122,82,.15) 42%,transparent 70%)}
body.cz-genis .sayilar{background:rgba(2,38,25,.42)}
body.cz-genis .olcek button[aria-selected=true]{color:var(--cz-koyu)}
html[data-tema=gece] body.cz-genis .bant{background:linear-gradient(90deg,#052E21 0%,#0A4A34 42%)}
html[data-tema=gece] body.cz-genis .bant::after{background:linear-gradient(90deg,#0A4A34 0%,rgba(10,74,52,.72) 16%,rgba(10,74,52,.15) 42%,transparent 70%)}
.cz-alan{position:relative;z-index:3;display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start;margin-top:-58px;padding-bottom:64px}
.cz-ana{display:flex;flex-direction:column;gap:18px;min-width:0}
:is(.cz-alan,.cz-gon) .btn.ana{background:var(--cz)}
html[data-tema=gece] :is(.cz-alan,.cz-gon) .btn.ana{background:#138A5E}

/* Büyümüş yeşil kutu: seçili başlık, dört kutu yan yana, sağ üstte "Daralt" */
.cz-buyuk{padding:18px;border-radius:var(--r);background:var(--cz-gecis);color:#fff;box-shadow:var(--golge-b)}
.cz-b-ust{display:flex;align-items:flex-start;gap:14px;margin:0 0 16px}
.cz-b-baslik{flex:1;min-width:0}
.cz-b-baslik small{display:block;color:var(--cz-acik);font:800 12px var(--ff);letter-spacing:.06em;text-transform:uppercase}
.cz-b-baslik h2{margin:4px 0 6px;font:800 24px/1.2 var(--hf);color:#fff}
.cz-b-baslik p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0;font-size:14px;color:rgba(255,255,255,.9)}
.cz-b-baslik p>*{display:inline-flex;align-items:center;gap:5px}
.cz-b-baslik p i{font-size:16px;color:var(--cz-acik)}
.cz-b-baslik p b{color:#fff}
.cz-b-baslik a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cz-kareler.yatay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cz-kareler.yatay .cz-kare{min-height:66px}
.cz-kareler.yatay .cz-kare-yazi small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.cz-kareler.yatay .cz-kare:hover{transform:translateY(-2px)}
.cz-icerik{min-width:0}

/* Sol: ana sayfadaki "Yazılı Gündem" kutusunun dar hâli */
.cz-dar{position:sticky;top:88px;display:flex;flex-direction:column;max-height:calc(100vh - 108px)}
.cz-dar .kutu-ust{padding:14px 16px}
.cz-dar .kutu-ust h2{font-size:18px}
.cz-dar .kutu-ik{width:40px;height:40px;font-size:20px}
.cz-dar .yl{flex:1;min-height:0;padding:0 12px;overflow-y:auto;scrollbar-width:thin}
.cz-dar .yl-sat{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:13px 56px 13px 0}
.cz-dar .yl-no{font-size:19px}
.cz-dar .yl-bas b{font-size:15px;line-height:1.3}
.cz-dar .yl .meta{margin-top:5px}
.cz-dar .yl-oy{width:46px;padding:6px 0;border-radius:12px;cursor:default}
.cz-dar .yl-oy i{font-size:17px}
.cz-dar .yl-oy b{font-size:15px}
.cz-dar .yl-sat:hover b{text-decoration:underline;text-underline-offset:3px}
.cz-dar li.cz-secili-sat{margin:0 -12px;padding:0 12px;background:var(--cz-a);box-shadow:inset 4px 0 0 var(--cz)}
.cz-dar li.cz-secili-sat .yl-oy{right:12px}
.cz-dar li.cz-secili-sat .yl-no{color:var(--cz)}

/* ── Açılıp kapanma: görünüm geçişi (yalnız geçiş anında adlanır); yeşil kutu sola doğru büyür, kutular yan yana dizilir,
   yazılı gündem sola daralır; ötekiler yumuşakça solar ── */
html.cz-gecis #icerik>:not(.sayfa-hazirlik) :is(.cz-panel.ana,.cz-buyuk){view-transition-name:cz-cozum}
html.cz-gecis #icerik>:not(.sayfa-hazirlik) :is(#yazili-kutu,.cz-dar){view-transition-name:cz-yazili}
html.cz-gecis #icerik>:not(.sayfa-hazirlik) :is(.cz-panel.ana,.cz-buyuk) .cz-kare[data-k=coz]{view-transition-name:cz-k-coz}
html.cz-gecis #icerik>:not(.sayfa-hazirlik) :is(.cz-panel.ana,.cz-buyuk) .cz-kare[data-k=adaylar]{view-transition-name:cz-k-adaylar}
html.cz-gecis #icerik>:not(.sayfa-hazirlik) :is(.cz-panel.ana,.cz-buyuk) .cz-kare[data-k=durum]{view-transition-name:cz-k-durum}
html.cz-gecis #icerik>:not(.sayfa-hazirlik) :is(.cz-panel.ana,.cz-buyuk) .cz-kare[data-k=gruplar]{view-transition-name:cz-k-gruplar}
::view-transition-group(cz-cozum),::view-transition-group(cz-yazili),::view-transition-group(cz-k-coz),::view-transition-group(cz-k-adaylar),::view-transition-group(cz-k-durum),::view-transition-group(cz-k-gruplar){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,.8,.2,1)}
::view-transition-group(cz-cozum){border-radius:20px;overflow:hidden;background:var(--cz-gecis)}
::view-transition-group(cz-yazili){border-radius:20px;overflow:hidden;background:var(--kart)}
::view-transition-old(cz-cozum),::view-transition-new(cz-cozum),::view-transition-old(cz-yazili),::view-transition-new(cz-yazili){height:100%;object-fit:none;object-position:left top}
::view-transition-old(cz-cozum),::view-transition-old(cz-yazili){animation-duration:.2s}
::view-transition-new(cz-cozum),::view-transition-new(cz-yazili){animation-duration:.35s;animation-delay:.12s}
::view-transition-group(cz-k-coz),::view-transition-group(cz-k-adaylar),::view-transition-group(cz-k-durum),::view-transition-group(cz-k-gruplar){border-radius:14px;overflow:hidden}
::view-transition-old(cz-k-coz),::view-transition-new(cz-k-coz),::view-transition-old(cz-k-adaylar),::view-transition-new(cz-k-adaylar),::view-transition-old(cz-k-durum),::view-transition-new(cz-k-durum),::view-transition-old(cz-k-gruplar),::view-transition-new(cz-k-gruplar){height:100%;object-fit:none;object-position:left center}
::view-transition-old(cz-k-coz),::view-transition-old(cz-k-adaylar),::view-transition-old(cz-k-durum),::view-transition-old(cz-k-gruplar){animation-duration:.16s}
::view-transition-new(cz-k-coz),::view-transition-new(cz-k-adaylar),::view-transition-new(cz-k-durum),::view-transition-new(cz-k-gruplar){animation-duration:.3s;animation-delay:.1s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}

/* Kartlar */
.cz-kart{margin:0 0 16px;padding:20px 22px;border-radius:var(--r);background:var(--kart);box-shadow:var(--golge)}
.cz-kart-ust{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px}
.cz-kart h3{margin:0;font:800 19px/1.3 var(--hf);color:var(--ink)}
.cz-kart h3 a{color:inherit;text-decoration:none}
.cz-kart h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.cz-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:6px 0 0;font-size:14px;color:var(--mut)}
.cz-meta .kisi{width:24px;height:24px}
.cz-rozet{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font:700 12.5px var(--ff);white-space:nowrap}
.cz-rozet.aranan{background:var(--keh-a);color:var(--keh-k)}
.cz-rozet.tamam,.cz-rozet.bulusma{background:var(--cz-a);color:var(--cz)}
.cz-rozet.kapali{background:var(--soft);color:var(--mut)}
:is(.cz-alan,.cz-gon,.cz-panel,.cz-aday-isler) .noktalar{gap:4px}
:is(.cz-alan,.cz-gon,.cz-panel,.cz-aday-isler) .noktalar span{width:14px;height:14px;margin-left:0;border:2px solid var(--cz-bos);background:transparent}
:is(.cz-alan,.cz-gon,.cz-panel,.cz-aday-isler) .noktalar span.dolu{border-color:var(--cz-parlak);background:var(--cz-parlak)}

/* Çözüm adayları: her plan bir kutu, işleri kişi sayısıyla */
.cz-aday-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.cz-aday{display:flex;flex-direction:column;margin:0;box-shadow:inset 0 5px 0 var(--cz-parlak),var(--golge)}
.cz-aday-isler{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.cz-aday-isler li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--soft)}
.cz-aday-isler .cz-is-ik{width:36px;height:36px;font-size:18px}
.cz-aday-isler b{display:block;font:700 15px/1.25 var(--ff);color:var(--ink)}
.cz-aday-isler small{font-size:12.5px;color:var(--mut)}
.cz-ac{align-self:flex-start;margin-top:14px}

/* Tıklanan plan: solda işler, sağda katılan vatandaşlar */
.cz-geri{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;color:var(--cz);font-weight:700;font-size:14.5px;text-decoration:none}
.cz-geri:hover{text-decoration:underline;text-underline-offset:3px}
.cz-detay-ic{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:16px}
.cz-detay-ic h4{display:flex;align-items:center;gap:7px;margin:0 0 4px;font:800 16.5px var(--hf);color:var(--ink)}
.cz-detay-ic h4 i{font-size:19px;color:var(--cz)}
.cz-detay-sag{padding:16px;border-radius:16px;background:var(--cz-a)}
.cz-katilan{padding:12px 0;border-top:1px solid var(--cz-a2)}
.cz-katilan:first-of-type{border-top:0;padding-top:8px}
.cz-katilan-ust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.cz-katilan-ust b{flex:1;min-width:130px;font:700 15px var(--ff);color:var(--ink)}
.cz-katilan-ust>span:last-child{min-width:30px;font:800 14px var(--ff);color:var(--cz);text-align:right}
.cz-katilan>p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.cz-katilan>p .ti-medal{margin:0 2px;font-size:17px;color:var(--cz);vertical-align:-3px}
.cz-yok{color:var(--mut);font-style:italic}
.cz-basvuru{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;padding:8px 10px;border-radius:12px;background:var(--keh-a)}
.cz-basvuru>span{display:flex;flex:1;align-items:center;gap:8px;min-width:160px;font-size:14.5px;color:var(--ink)}
.cz-basvuru .kisi{width:28px;height:28px}
.cz-basvuru small{color:var(--ink2)}

/* İş satırı */
.cz-isler{margin:0;padding:0;list-style:none}
.cz-is{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.cz-is:first-child{border-top:0}
.cz-is-ik{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--cz-a);color:var(--cz);font-size:20px}
.cz-is-ad{display:flex;flex-direction:column;gap:3px;min-width:0}
.cz-is-ad b{font:700 16px/1.3 var(--ff);color:var(--ink)}
.cz-is-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px;color:var(--mut)}
.cz-is-alt i{margin-right:3px;font-size:15px;vertical-align:-2px}
.cz-neden-ac{padding:0;border:0;background:none;color:var(--cz);font:700 13.5px var(--ff);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cz-neden{grid-column:2/-1;margin:2px 0 0;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:14.5px;line-height:1.5;color:var(--ink2)}
.cz-neden[hidden]{display:none}
.cz-is .btn,.cz-gon-alt .btn{white-space:nowrap}
:is(.cz-is,.cz-gon-alt) .btn[disabled]{opacity:1;cursor:default}
.cz-bekliyor{border-color:var(--keh-a)!important;background:var(--keh-a)!important;color:var(--keh-k)!important}
.cz-onayli{border-color:var(--cz-a)!important;background:var(--cz-a)!important;color:var(--cz)!important}

/* Gruplar ve plan kutusu */
.cz-uyeler{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.cz-uye{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--kart)}
.cz-uye .kisi{width:28px;height:28px}
.cz-uye span{display:flex;flex-direction:column;line-height:1.2}
.cz-uye b{font:700 14px var(--ff);color:var(--ink)}
.cz-uye small{font-size:12px;color:var(--mut)}
.cz-uye .ti-medal{color:var(--cz);font-size:16px}
.cz-uye button{margin-left:2px;padding:2px;border:0;background:none;color:var(--mut);cursor:pointer}
.cz-kutu{margin:16px 0 0;padding:14px;border-radius:16px;background:var(--soft)}
.cz-kutu h4{display:flex;align-items:center;gap:6px;margin:0 0 10px;font:800 15px var(--hf);color:var(--ink)}
.cz-kutu h4 i{color:var(--cz)}
.cz-kutu ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.cz-msj{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px}
.cz-msj .kisi{width:28px;height:28px}
.cz-msj p{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink)}
.cz-msj p b{margin-right:6px}
.cz-msj p small{color:var(--mut)}
.cz-msj button{align-self:start;padding:2px;border:0;background:none;color:var(--mut);cursor:pointer}
.cz-yaz{display:flex;gap:8px;margin:12px 0 0}
.cz-yaz input{flex:1;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:var(--kart);color:var(--ink);font:15px var(--ff)}
.cz-kutu-not{margin:10px 0 0;font-size:13px;color:var(--mut)}

/* Çözüm durumu */
.cz-adimlar{margin:8px 0 0}
.cz-adim{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.cz-adim:first-child{border-top:0}
.cz-adim>i{font-size:22px;color:var(--line2)}
.cz-adim.bitti>i{color:var(--cz-parlak)}
.cz-adim b{font:700 15.5px var(--ff);color:var(--ink)}
.cz-adim small{display:block;font-size:13px;color:var(--mut)}
.cz-adim>div:last-child{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.cz-cozuldu{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 0;padding:14px;border-radius:16px;background:var(--cz-a)}
.cz-cozuldu>div{flex:1;min-width:200px}
.cz-cozuldu b{display:block;font:800 15.5px var(--hf);color:var(--ink)}
.cz-cozuldu small{font-size:13.5px;color:var(--ink2)}
.cz-cozuldu>span{font:800 14px var(--ff);color:var(--cz)}
.cz-ozet{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.cz-ozet div{flex:1;min-width:130px;padding:14px 18px;border-radius:16px;background:var(--kart);box-shadow:var(--golge)}
.cz-ozet b{display:block;font:800 28px/1.1 var(--hf);color:var(--cz)}
.cz-ozet small{font-size:13.5px;color:var(--mut)}

/* Çöz: plan kurma; kullanıcı adı, hızlı işler, buluşma için harita */
.cz-kuran{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border-radius:14px;background:var(--cz-a)}
.cz-kuran .kisi{width:44px;height:44px}
.cz-kuran span{display:flex;flex-direction:column;min-width:0}
.cz-kuran b{font:800 17px var(--hf);color:var(--ink)}
.cz-kuran small{font-size:13.5px;color:var(--ink2)}
.cz-form label{display:block;margin:0 0 6px;font:700 14.5px var(--ff);color:var(--ink)}
.cz-form input[type=text],.cz-form textarea{width:100%;padding:11px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--kart);color:var(--ink);font:15.5px/1.45 var(--ff)}
.cz-form textarea{min-height:76px;resize:vertical}
.cz-hizli-bas{margin:18px 0 8px;font:700 14.5px var(--ff);color:var(--ink)}
.cz-hizli{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cz-hizli-k{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:108px;padding:12px;border:1.5px solid var(--cz-a2);border-radius:16px;background:var(--kart);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.cz-hizli-k i{font-size:26px;color:var(--cz)}
.cz-hizli-k span{font:800 15px/1.2 var(--hf)}
.cz-hizli-k small{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--cz)}
.cz-hizli-k:hover{border-color:var(--cz);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.08)}
.cz-hizli-k.serbest{border-style:dashed;background:var(--cz-a)}
.cz-isform{position:relative;margin:14px 0 0;padding:16px;border:1px solid var(--cz-a2);border-radius:16px;background:var(--cz-a)}
.cz-isform-ust{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 12px;padding-right:28px}
.cz-isform-ust .cz-is-ik{background:var(--kart)}
.cz-adet{display:flex;align-items:center;border:1px solid var(--line2);border-radius:12px;background:var(--kart)}
.cz-adet button{width:40px;height:44px;border:0;background:none;color:var(--cz);font-size:18px;cursor:pointer}
.cz-adet output{min-width:28px;text-align:center;font:800 16px var(--ff);color:var(--ink)}
.cz-bul-sec{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:12px;margin:0 0 12px}
.cz-harita{height:220px;border:1px solid var(--line2);border-radius:12px;background:var(--soft);overflow:hidden}
.cz-harita-yazi{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;color:var(--mut)}
.cz-sayac{display:block;margin:4px 0 0;text-align:right;font-size:12.5px;color:var(--mut)}
.cz-sayac.iyi{color:var(--cz)}
.cz-is-sil{position:absolute;top:10px;right:10px;padding:4px;border:0;background:none;color:var(--mut);font-size:18px;cursor:pointer}
.cz-form-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 0}
.cz-form-not{font-size:14px;color:var(--mut)}
.cz-bos{padding:30px 20px;border:1.5px dashed var(--cz-a2);border-radius:var(--r);background:var(--kart);text-align:center;color:var(--mut)}
.cz-bos>i{display:block;margin:0 auto 8px;font-size:36px;color:var(--cz)}
.cz-bos b{display:block;margin:0 0 4px;font:800 17px var(--hf);color:var(--ink)}
.cz-bos span{display:block;max-width:520px;margin:0 auto;line-height:1.5}
.cz-bos .btn{margin-top:14px}

/* Gönüllü ol sayfası */
.bant.cz-bant{background:var(--cz-gecis)}
.bant.cz-bant::after{display:none}
.cz-gon-ust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:24px 0 16px}
.cz-ara{display:flex;flex:1;align-items:center;gap:8px;min-width:240px;min-height:48px;padding:0 14px;border:1px solid var(--line2);border-radius:14px;background:var(--kart)}
.cz-ara i{font-size:20px;color:var(--mut)}
.cz-ara input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:16px var(--ff);outline:none}
.cz-suz{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--cz-koyu)}
.cz-suz button{padding:8px 14px;border:0;border-radius:10px;background:none;color:#D6F3E6;font:700 14.5px var(--ff);cursor:pointer}
.cz-suz button[aria-pressed="true"]{background:var(--kart);color:var(--cz)}
.cz-gon-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));align-items:start;gap:16px;padding-bottom:64px}
.cz-gon-liste .cz-kart{margin:0}
.cz-gon-kart{display:flex;flex-direction:column}
.cz-gon-kart h3{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.cz-gon-yer{display:flex;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0;font-size:14px;color:var(--mut)}
.cz-gon-baslik{margin:4px 0 0;font:700 15px/1.35 var(--ff)}
.cz-gon-baslik a{color:var(--cz);text-decoration:none}
.cz-gon-plan{margin:8px 0 0;font-size:14.5px;color:var(--ink2)}
.cz-gon-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.cz-gon-kart .cz-neden{margin-top:10px}

/* Profilde gönüllülük rozetleri */
.cz-rozetler{margin:16px 0 0}
.cz-rozetler h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 17px var(--hf);color:var(--ink)}
.cz-rozetler h2 i{color:var(--cz)}
.cz-rozetler ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.cz-rozetler li{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 12px;border-radius:999px;background:var(--cz-a);color:var(--cz);font-weight:700}
.cz-rozetler li small{font-weight:500;color:var(--ink2)}
.cz-rozetler li button{margin-left:2px;padding:2px;border:0;background:none;color:var(--mut);cursor:pointer}


/* Deneme seçicisi: kimin gözünden bakılıyor */
.cz-deneme{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line2);border-radius:14px;background:var(--kart);box-shadow:var(--golge-b);font-size:13.5px;color:var(--ink2)}
.cz-deneme>i{font-size:18px;color:var(--tur)}
.cz-deneme select{max-width:230px;padding:6px 8px;border:1px solid var(--line2);border-radius:10px;background:var(--kart);color:var(--ink);font:700 13.5px var(--ff)}
.cz-deneme button{padding:6px;border:0;background:none;color:var(--mut);font-size:18px;cursor:pointer}

:is(.cz-kare,.cz-genislet,.cz-daralt,.cz-p-gonullu,.cz-hizli-k,.cz-neden-ac,.cz-suz button,.cz-deneme select,.cz-deneme button,.cz-uye button,.cz-msj button,.cz-geri,.cz-dar .yl-sat,.cz-b-baslik a):focus-visible{outline:3px solid var(--cz-acik);outline-offset:2px}

@media (max-width:1240px){
  .cz-hizli{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cz-alan{grid-template-columns:270px minmax(0,1fr)}
}
@media (max-width:1100px){
  .cz-alan{grid-template-columns:minmax(0,1fr);gap:16px}
  .cz-dar{position:static;order:2;max-height:none}
}
@media (max-width:900px){.cz-detay-ic{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){
  .cz-panel.ana{order:2}
  .cz-panel.masa{display:none}
  .cz-panel.tel{display:block}
  .cz-kare{min-height:56px}
  .cz-alan{margin-top:16px;padding-bottom:24px}
  body.cz-genis .bant,.bant.cz-bant{background:transparent}
  body.cz-genis .bant-ic,.bant.cz-bant .bant-ic{background:var(--cz-gecis)}
  .cz-b-ust{flex-wrap:wrap}
  .cz-b-baslik{flex-basis:calc(100% - 140px)}
  .cz-b-baslik h2{font-size:20px}
  .cz-bul-sec{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .cz-kareler.yatay{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cz-kareler.yatay .cz-kare{grid-template-columns:32px minmax(0,1fr);padding:9px 10px}
  .cz-kareler.yatay .cz-kare-ik{width:32px;height:32px;font-size:18px}
  .cz-kareler.yatay .cz-kare-sag{display:none}
  .cz-kareler.yatay .cz-kare .uzun{display:none}
  .cz-kareler.yatay .cz-kare .kisa{display:inline}
  .cz-b-ust .cz-p-ik{display:none}
  .cz-b-baslik{flex-basis:auto}
  .cz-kart{padding:16px}
  .cz-is{grid-template-columns:36px minmax(0,1fr)}
  .cz-is-ik{width:36px;height:36px}
  .cz-is .btn{grid-column:2;justify-self:start}
  .cz-hizli{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cz-hizli-k{min-height:92px}
  .cz-isform-ust{grid-template-columns:36px minmax(0,1fr)}
  .cz-isform-ust>div:last-child{grid-column:2}
  .cz-adim{grid-template-columns:28px minmax(0,1fr)}
  .cz-adim>div:last-child{grid-column:2;justify-content:flex-start}
  .cz-deneme{left:8px;right:8px;bottom:84px;justify-content:space-between;padding:6px 8px}
  .cz-deneme>span{display:none}
  .cz-deneme select{flex:1;max-width:none}
}
@media (prefers-reduced-motion:reduce){:is(.cz-kare,.cz-hizli-k,.cz-genislet i,.cz-daralt i){transition:none}:is(.cz-kare,.cz-hizli-k):hover,.cz-genislet:hover i,.cz-daralt:hover i{transform:none}}
/* Gerçek kayıtlara geçince eklenenler (4 Kasım) */
.cz-yapti{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cz-geri-al{padding:0;border:0;background:none;color:var(--mut);font:600 13px var(--ff);text-decoration:underline;cursor:pointer}
.cz-detay-alt{display:flex;justify-content:flex-end;gap:14px;margin-top:10px}
.cz-detay-alt:empty{display:none}
.cz-bildir{display:inline-flex;align-items:center;gap:5px;padding:4px 0;border:0;background:none;color:var(--mut);font:600 13px var(--ff);cursor:pointer}
.cz-bildir:hover{color:var(--ink)}
.cz-is-ekle{margin-top:10px}
.cz-is-ekle-form{margin-top:14px}
.cz-bul-sec label{display:block}
.cz-bul-sec input,.cz-bul-sec select{width:100%}
.cz-bul-sec .vb-satir{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* Genişleyince kutular bandın altına biner; son hareketler aradan görünmesin */
@media (min-width:1000px){body.cz-genis #hareket{visibility:hidden}}
.cz-form input[type=date],.cz-form input[type=time],.cz-form select{width:100%;padding:10px 12px;border:1px solid var(--line2);border-radius:12px;background:var(--kart);color:var(--ink);font:15px var(--ff)}
.cz-bul-sec label{margin:0 0 10px}
.cz-form-dug{display:inline-flex;gap:8px}
.cz-basvuru{flex-wrap:wrap}
.cz-basvuru>span{flex:1 0 100%}
/* Planın sonucu: son hâlin fotoğrafı */
.cz-plan-foto{margin:14px 0 0}
.cz-foto-btn{display:block;width:100%;max-width:420px;padding:0;border:0;border-radius:12px;background:var(--soft);overflow:hidden;cursor:zoom-in}
.cz-foto-btn img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.cz-plan-foto figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--mut)}
.cz-foto-buyuk{display:block;width:100%;border-radius:10px}
.cz-msj.sistem p{font-style:italic;color:var(--mut)}
.cz-cozuldu .btn{flex:none}

/* Kim Lazım? (meslekler.js): dokununca açılan, yazınca süzülen liste */
.cz-kim{position:relative;margin:0 0 12px}
.cz-kim-kutu{position:relative}
.cz-kim-kutu input{width:100%;padding-right:44px}
.cz-kim-kutu input::placeholder{color:var(--ink);opacity:1}
.cz-kim-ok{position:absolute;top:0;right:0;bottom:0;width:44px;border:0;background:none;color:var(--mut);font-size:18px;cursor:pointer}
.cz-kim-liste{position:absolute;top:100%;right:0;left:0;z-index:30;max-height:264px;margin:4px 0 0;padding:6px;overflow-y:auto;scroll-margin:96px 0 96px;border:1px solid var(--line2);border-radius:12px;background:var(--kart);box-shadow:var(--golge);list-style:none}
.cz-kim-liste li{display:flex;align-items:center;gap:6px;min-height:42px;padding:6px 10px;border-radius:8px;color:var(--ink);font:600 15px var(--ff);cursor:pointer}
.cz-kim-liste li:hover,.cz-kim-liste li.aktif{background:var(--cz-a)}
.cz-kim-liste li[aria-selected="true"]{color:var(--cz);font-weight:800}
.cz-kim-liste li.herkes{margin-bottom:4px;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;color:var(--mut)}
.cz-kim-liste li.ekle{color:var(--cz);font-weight:800}
.cz-kim-suz{display:flex;align-items:center;gap:8px;min-height:48px;max-width:100%;padding:0 12px;border:1px solid var(--line2);border-radius:14px;background:var(--kart)}
.cz-kim-suz i{font-size:18px;color:var(--mut)}
.cz-kim-suz select{min-width:0;max-width:100%;border:0;background:none;color:var(--ink);font:600 15px var(--ff);outline:none;cursor:pointer}