/* Yalıkavak Villaları saha uygulaması. Mesut'un 14 Ekim tasarımına göre: açık zemin, mavi vurgu, kartlar,
   telefonda alt sekme çubuğu, webde sol menü. 40 yaş üstü için yazı 17 px taban, dokunma alanı 48 px üstü. */
:root{--mavi:#2563eb;--mavi-koyu:#1d4ed8;--mavi-acik:#e8f0fe;--lacivert:#0f2a4a;--metin:#1e293b;--gri:#64748b;--gri-acik:#94a3b8;
  --zemin:#f4f7fb;--kart:#fff;--cizgi:#dbe3ee;--yesil:#15803d;--yesil-acik:#dcfce7;--turuncu:#b45309;--turuncu-acik:#fef3c7;
  --kirmizi:#b91c1c;--kirmizi-acik:#fee2e2;--gri-rozet:#e2e8f0;--r:14px}
*{box-sizing:border-box}
html{font-size:17px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--metin);background:var(--zemin);line-height:1.45;padding-bottom:84px}
a{color:var(--mavi)}
svg.ik{width:1.25em;height:1.25em;vertical-align:-0.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--cizgi);padding:12px 16px;display:flex;align-items:center;gap:12px}
.ust .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;color:var(--lacivert);text-decoration:none}
.ust .logo .kutu{width:38px;height:38px;border-radius:10px;background:var(--mavi-acik);color:var(--mavi);display:flex;align-items:center;justify-content:center}
.ust .sag{margin-left:auto;display:flex;align-items:center;gap:10px}
.ust .tarih{font-size:.85rem;color:var(--gri);background:var(--zemin);border:1px solid var(--cizgi);border-radius:999px;padding:4px 10px}
.ust .avatar{width:38px;height:38px;border-radius:50%;background:var(--mavi-acik);color:var(--mavi);font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.95rem}

.govde{max-width:760px;width:100%;min-width:0;box-sizing:border-box;margin:0 auto;padding:14px 16px 24px}   /* width:100%: grid hücresinde auto kenar boşluğu içeriğe göre daraltıyordu (15 Eki) */
.kirinti{font-size:.9rem;color:var(--gri);margin:4px 0 10px}
.kirinti a{color:var(--gri);text-decoration:none}
h1{font-size:1.75rem;margin:0 0 6px;color:var(--lacivert);letter-spacing:-.01em}
.alt-baslik{color:var(--gri);margin:0 0 16px;font-size:1rem}
h2{font-size:1.15rem;margin:0;color:var(--lacivert)}
h3{font-size:1.05rem;margin:0 0 6px;color:var(--lacivert)}

/* kart */
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;margin:0 0 14px;box-shadow:0 1px 2px rgba(15,42,74,.04)}
.kart-baslik{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--cizgi)}
.kart-baslik .zorunlu{margin-left:auto;font-size:.85rem;color:var(--gri)}
.kart-baslik .ik{color:var(--mavi)}
.ust-bilgi{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}
.ust-bilgi b{display:block;font-size:.78rem;color:var(--gri);font-weight:normal;text-transform:none}
.ust-bilgi span{font-weight:800;color:var(--lacivert)}
.ust-bilgi span.mavi{color:var(--mavi)}

/* karşılama */
.karsilama{background:linear-gradient(135deg,#e8f0fe,#f1f5ff);border:1px solid #d6e2fb;border-radius:var(--r);padding:22px 18px;margin-bottom:14px}
.karsilama small{display:block;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--mavi);margin-bottom:8px}
.karsilama h1{font-size:1.9rem;margin:0 0 8px}
.karsilama p{margin:0;color:var(--gri)}
.karsilama .sayilar{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}
.karsilama .sayilar div{font-size:.85rem;color:var(--gri)}
.karsilama .sayilar b{display:block;font-size:1.5rem;color:var(--lacivert)}
.izgara{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.menu-kart{display:block;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;text-decoration:none;color:var(--metin);position:relative;min-height:150px}
.menu-kart .ikk{width:46px;height:46px;border-radius:12px;background:var(--mavi-acik);color:var(--mavi);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.menu-kart .ok{position:absolute;right:14px;top:16px;color:var(--gri-acik)}
.menu-kart b{display:block;font-size:1.15rem;color:var(--lacivert);margin-bottom:4px}
.menu-kart span{font-size:.92rem;color:var(--gri)}

/* satır listeleri */
.satirlar{display:flex;flex-direction:column}
.satir{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--cizgi);text-decoration:none;color:inherit}
.satir:first-child{border-top:0}
.villa{width:44px;height:44px;border-radius:12px;background:var(--mavi-acik);color:var(--lacivert);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex:none}
.satir .orta{flex:1;min-width:0}
.satir .orta b{display:block;color:var(--lacivert);font-size:1.02rem}
.satir .orta small{display:block;color:var(--gri);font-size:.86rem;margin-top:2px}
.satir .orta p{margin:4px 0 0;color:var(--metin);font-size:.95rem}
.rozet{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap;flex:none}
.rozet::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.rozet.mavi{background:var(--mavi-acik);color:var(--mavi-koyu)}.rozet.gri{background:var(--gri-rozet);color:#475569}
.rozet.yesil{background:var(--yesil-acik);color:var(--yesil)}.rozet.turuncu{background:var(--turuncu-acik);color:var(--turuncu)}
.rozet.kirmizi{background:var(--kirmizi-acik);color:var(--kirmizi)}
.cubuk{height:8px;border-radius:999px;background:var(--mavi-acik);overflow:hidden;margin-top:8px}
.cubuk i{display:block;height:100%;background:var(--mavi);border-radius:999px}
.oran{font-weight:800;color:var(--mavi);font-size:1.05rem}
.kart .baslik-satir{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.kart .baslik-satir a{font-weight:700;text-decoration:none;font-size:.95rem}

/* form */
label{display:block;font-weight:700;font-size:.95rem;margin:16px 0 8px;color:var(--metin)}
label .z{color:var(--kirmizi)}
label small{font-weight:normal;color:var(--gri)}
input[type=text],input[type=email],input[type=date],input[type=search],input[type=number],textarea,select{width:100%;font-size:1.1rem;padding:13px 14px;border:1.5px solid var(--cizgi);border-radius:12px;background:#fff;color:var(--metin);font-family:inherit;min-height:52px}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
textarea{min-height:110px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:3px solid #bfd3fb;border-color:var(--mavi)}
input[readonly]{background:var(--zemin);color:var(--gri)}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.secenekler{display:flex;flex-wrap:wrap;gap:10px}
.secenekler input{position:absolute;opacity:0;width:0;height:0}
.secenekler span{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1.5px solid var(--cizgi);border-radius:12px;font-size:1.05rem;min-height:52px;background:#fff;cursor:pointer;user-select:none;font-weight:600;color:var(--metin)}
.secenekler input:checked+span{background:var(--mavi-acik);color:var(--mavi-koyu);border-color:var(--mavi)}
.secenekler input:focus-visible+span{outline:3px solid #bfd3fb}
.secenekler.genis span{flex:1;justify-content:center}
.hata{background:var(--kirmizi-acik);color:var(--kirmizi);border:1.5px solid #f5b5b5;border-radius:12px;padding:12px 14px;font-weight:700;margin:0 0 14px}
.bilgi{background:var(--mavi-acik);border-radius:12px;padding:12px 14px;margin:14px 0;font-size:.95rem;color:var(--lacivert)}
.onizleme{background:var(--zemin);border-radius:12px;padding:12px 14px;margin-top:10px;font-size:.95rem}
.onizleme b{display:block;color:var(--lacivert)}
.onizleme small{color:var(--gri)}
.onizleme .no{font-size:.8rem;color:var(--mavi);font-weight:700}

/* tamamlanma oranı */
.oran-kutu{background:var(--zemin);border-radius:12px;padding:14px}
.oran-kutu .bas{display:flex;justify-content:space-between;align-items:center;color:var(--gri);font-size:.92rem}
.oran-kutu .bas b{font-size:1.6rem;color:var(--mavi)}
input[type=range]{width:100%;accent-color:var(--mavi);height:40px;margin:6px 0 0}
.oran-kutu .olcek{display:flex;justify-content:space-between;font-size:.78rem;color:var(--gri-acik)}
.oran-kutu .hizli{display:flex;gap:8px;margin-top:10px}
.oran-kutu .hizli button{flex:1;min-height:46px;border:1.5px solid var(--cizgi);background:#fff;border-radius:10px;font-size:1rem;font-weight:700;color:var(--metin);font-family:inherit}

/* medya */
.medya{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.medya label,.medya .tam{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--cizgi);border-radius:12px;background:#fff;min-height:84px;font-weight:700;font-size:.98rem;cursor:pointer;color:var(--lacivert)}
.medya label .ik{color:var(--mavi);width:1.6em;height:1.6em}
.medya .tam{grid-column:1/-1;flex-direction:row;min-height:48px}
.medya label{flex-direction:row;min-height:52px;gap:8px;font-size:.95rem}   /* ek düğmeleri küçük, yan yana (Mesut 16 Eki) */
.medya input{display:none}
.medya-not{text-align:center;color:var(--gri-acik);font-size:.82rem;margin:8px 0 4px}
.eklenenler{margin-top:10px}
.eklenenler h3{font-size:.95rem;color:var(--metin)}
.ek-satir{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi)}
.ek-satir .ikk{width:36px;height:36px;border-radius:9px;background:var(--mavi-acik);color:var(--mavi);display:flex;align-items:center;justify-content:center;flex:none}
.ek-satir .ikk img{width:36px;height:36px;object-fit:cover;border-radius:9px}
.ek-satir b{display:block;font-size:.95rem;word-break:break-all}
.ek-satir small{color:var(--gri)}
.ek-satir button{margin-left:auto;background:none;border:0;color:var(--gri);font-size:1.4rem;line-height:1;padding:8px;cursor:pointer}
.ek-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.ek-izgara a{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--zemin);border:1px solid var(--cizgi)}
.ek-izgara img{width:100%;height:100%;object-fit:cover}
.ek-izgara .dosya{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:.78rem;color:var(--gri);text-decoration:none;padding:8px;text-align:center;word-break:break-all}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1.05rem;font-weight:700;padding:14px 20px;border-radius:12px;border:0;background:var(--mavi);color:#fff;text-decoration:none;min-height:54px;cursor:pointer;font-family:inherit}
.dugme.ikincil{background:#fff;color:var(--metin);border:1.5px solid var(--cizgi)}
.dugme.tam{width:100%}
.alt-dugmeler{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:4px}
.alt-dugmeler .dugme{width:100%}

/* liste sayfaları */
.arac{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.arac .ikili select{min-height:52px}
.sekmeler{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--cizgi);margin:4px 0 10px}
.sekmeler a{padding:10px 10px;text-decoration:none;color:var(--gri);font-weight:600;white-space:nowrap;border-bottom:2.5px solid transparent;font-size:.95rem}
.sekmeler a.aktif{color:var(--mavi);border-bottom-color:var(--mavi)}
.sayim{color:var(--gri);font-size:.9rem;margin-top:8px}
.bos{padding:24px;text-align:center;color:var(--gri)}
.liste-kart{text-decoration:none;color:inherit;display:block;padding:14px 0;border-top:1px solid var(--cizgi)}
.liste-kart:first-of-type{border-top:0}
.liste-kart .ust-satir{display:flex;gap:10px;align-items:flex-start}
.liste-kart .ust-satir b{color:var(--mavi-koyu);font-size:1.05rem;flex:1}
.liste-kart .no{font-size:.82rem;color:var(--gri);margin:2px 0}
.liste-kart p{margin:4px 0 0;font-size:.97rem}
.liste-kart .meta{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap;font-size:.88rem;color:var(--gri)}

/* alt sekme çubuğu */
.alt-sekme{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--cizgi);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:6}
.alt-sekme a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--gri);font-size:.72rem;padding:6px 2px;border-radius:10px}
.alt-sekme a .ik{width:1.5em;height:1.5em}
.alt-sekme a.aktif{color:var(--mavi);background:var(--mavi-acik);font-weight:700}
.yan{display:none}
.alt-not{color:var(--gri-acik);font-size:.82rem;display:flex;justify-content:space-between;margin-top:14px}

/* web: sol menü */
@media (min-width:900px){
  body{padding-bottom:0}
  .alt-sekme{display:none}
  .sayfa{display:grid;grid-template-columns:250px 1fr;min-height:calc(100dvh - 63px)}
  .yan{display:block;background:#fff;border-right:1px solid var(--cizgi);padding:18px 14px;position:sticky;top:var(--ust-h,72px);align-self:start;max-height:calc(100dvh - var(--ust-h,72px));overflow-y:auto;box-sizing:border-box}   /* sol menü kaydırmada sabit (Mesut 16 Eki) */
  .sayfa:not(.tek){background:linear-gradient(to right,#fff 250px,var(--cizgi) 250px,var(--cizgi) 251px,transparent 251px)}
  .yan .grup{font-size:.72rem;letter-spacing:.12em;color:var(--gri-acik);font-weight:800;margin:16px 10px 6px}
  .yan a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--metin);font-weight:600;margin-bottom:2px}
  .yan a.aktif{background:var(--mavi-acik);color:var(--mavi-koyu)}
  .yan .kisi{margin-top:30px;padding:12px;border-top:1px solid var(--cizgi);font-size:.9rem;color:var(--gri)}
  .yan .kisi b{display:block;color:var(--lacivert)}
  .yan .villa-buyuk{font-size:2.2rem;font-weight:800;color:var(--cizgi);margin:30px 10px 0;line-height:1}
  .govde{max-width:1500px;padding:20px 24px}
  .izgara{grid-template-columns:repeat(4,1fr)}
  .iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .form-izgara{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
  .karsilama h1{font-size:2.2rem}
  .ek-izgara{grid-template-columns:repeat(6,1fr)}
}

/* konuşarak yaz */
.ses-dugme{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;min-height:56px;padding:12px 16px;border-radius:12px;border:1.5px solid #bfd3fb;background:var(--mavi-acik);color:var(--mavi-koyu);font-size:1.08rem;font-weight:700;font-family:inherit;cursor:pointer}
.ses-dugme .ses-ik{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#fff;align-items:center;justify-content:center;flex:none}
.ses-dugme.kayit{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.ses-dugme.kayit .ses-ik{background:rgba(255,255,255,.2);animation:nabiz 1.2s ease-in-out infinite}
.ses-dugme.bekle{opacity:.85;cursor:progress}
.ses-dugme .donen{width:18px;height:18px;border:3px solid #bfd3fb;border-top-color:var(--mavi);border-radius:50%;animation:don .8s linear infinite}
.ses-durum{margin-top:8px;font-size:.95rem;padding:10px 12px;border-radius:10px;background:var(--zemin);color:var(--gri)}
.ses-durum.iyi{background:var(--yesil-acik);color:var(--yesil)}
.ses-durum.kotu{background:var(--kirmizi-acik);color:var(--kirmizi)}
@keyframes nabiz{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}50%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
@keyframes don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ses-dugme.kayit .ses-ik,.ses-dugme .donen{animation:none}}

/* düzenleme ve iptal */
.islem-dugmeleri{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;align-items:flex-start}
.islem-dugmeleri .dugme{min-width:140px}
.iptal-kutu{flex:1;min-width:200px}
.iptal-kutu summary{list-style:none;cursor:pointer}
.iptal-kutu summary::-webkit-details-marker{display:none}
.iptal-kutu[open]{background:#fff;border:1.5px solid #f5b5b5;border-radius:12px;padding:12px}
.iptal-kutu[open] summary{margin-bottom:6px}
.dugme.tehlike{color:var(--kirmizi);border-color:#f5b5b5}
.dugme.tehlike-dolu{background:var(--kirmizi)}
.rozet.iptal{background:#f1f5f9;color:#64748b;text-decoration:line-through}
.iptal-satir{opacity:.6}
.duzenlendi{color:var(--turuncu);font-size:.85rem;font-weight:600}
.bilgi.iyi{background:var(--yesil-acik);color:var(--yesil)}
.satir-islem{display:flex;gap:14px;align-items:flex-start;margin-top:10px;flex-wrap:wrap}
.satir-islem a{font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:40px}
.satir-islem details{flex:1;min-width:160px}
.satir-islem summary{color:var(--kirmizi);font-weight:700;cursor:pointer;min-height:40px;display:flex;align-items:center;list-style:none}
.satir-islem summary::-webkit-details-marker{display:none}
.gecmis-satir{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi);font-size:.95rem;align-items:baseline}
.gecmis-satir:first-of-type{border-top:0}
.gecmis-satir .zaman{color:var(--gri);font-size:.85rem;white-space:nowrap;min-width:96px}
.gecmis-satir .eski{color:var(--gri);text-decoration:line-through}
.gecmis-satir .yeni{color:var(--metin);font-weight:600}
.ek-kaldir{cursor:pointer;margin:0;font-weight:normal}
.ek-kaldir input{width:22px;height:22px;accent-color:var(--kirmizi);margin:0 4px 0 auto}
.ek-kaldir .kaldir-yazi{color:var(--kirmizi);font-weight:700;font-size:.9rem}
.ek-kaldir:has(input:checked){background:var(--kirmizi-acik);border-radius:10px}
.ek-kaldir:has(input:checked) b{text-decoration:line-through}
.yan a.kisi{display:block;margin-top:30px;padding:12px;border-top:1px solid var(--cizgi);border-radius:0;font-size:.9rem;color:var(--gri);font-weight:normal}
.yan a.kisi b{display:block;color:var(--lacivert)}

/* ilerleme gir: iki yol */
.yol-secimi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.yol{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:12px 8px;border-radius:14px;border:1.5px solid var(--cizgi);background:#fff;color:var(--lacivert);text-decoration:none;font-weight:700;font-size:1rem;line-height:1.25;min-height:88px}
.yol .ik{width:1.6em;height:1.6em;color:var(--mavi)}
.yol.aktif{background:var(--mavi);border-color:var(--mavi);color:#fff}
.yol.aktif .ik{color:#fff}
.secim-kart .ust-satir{align-items:center}
.secim-kart .sec-ok{color:var(--gri-acik);flex:none}
.secim-kart .sec-ok .ik{width:1.6em;height:1.6em}
.benim{background:var(--yesil-acik);color:var(--yesil);font-weight:700;padding:3px 9px;border-radius:999px;font-size:.82rem}
.is-ozet{display:flex;gap:12px;align-items:flex-start;margin:0 0 4px}
.is-ozet b{font-size:1.05rem}
.is-ozet-sag{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto}.is-ozet-sag .oran{font-size:1.5rem;font-weight:800;color:var(--lacivert);line-height:1}   /* durum ve yüzde sağ köşede (Mesut 16 Eki) */
.kart-baslik .degistir{margin-left:auto;font-weight:700;text-decoration:none;font-size:.95rem}
.adim{width:30px;height:30px;border-radius:50%;background:var(--mavi);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sahada{color:#7c3aed;font-weight:700;font-size:.85rem}
.rozet.sahada-rozet{background:#ede9fe;color:#6d28d9}
.tamamlanacak{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#ede9fe;color:#5b21b6;font-size:.95rem}

/* giriş ekranı fotoğrafı (Adres Yalıkavak, Villa 14, sahadan) */
.giris-kart{padding:0;overflow:hidden}
.giris-kart>*:not(.giris-foto){margin-left:16px;margin-right:16px}
.giris-kart>h1{margin-top:16px}
.giris-kart>form{margin-bottom:6px}
.giris-kart>.alt-not{margin-bottom:16px}
.giris-foto{position:relative;margin:0 0 4px;aspect-ratio:900/570;background:#dbe3ee}
.giris-foto img{width:100%;height:100%;object-fit:cover;display:block}
.giris-foto-yazi{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;background:linear-gradient(to top,rgba(15,42,74,.78),rgba(15,42,74,0));color:#fff}
.giris-foto-yazi small{display:block;letter-spacing:.16em;font-size:.72rem;font-weight:800;opacity:.9}
.giris-foto-yazi b{font-size:1.35rem}
@media (min-width:900px){.sayfa.tek{grid-template-columns:1fr}}
.villa.iki{font-size:.82rem;letter-spacing:-.02em}
.villa.uzun{font-size:.84rem;letter-spacing:-.02em}   /* Tümü, Lobi, Bahçe rozeti 44 px kutuya sığsın (16 Eki) */
.secim-kart .sec-dugme{display:inline-flex;align-items:center;gap:4px;padding:10px 12px;border-radius:10px;background:var(--mavi);color:#fff;font-weight:700;font-size:.95rem;flex:none;white-space:nowrap}
.secim-kart .sec-dugme .ik{width:1.1em;height:1.1em}

/* ilerleme listesi: yatay tablo ve süzgeçler */
.baslik-satir-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.suzgec{padding:12px 14px}
.suzgec-satir{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.suzgec-satir input[type=search]{flex:1;min-width:200px}
.suzgec-satir.dort{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.suzgec-satir select{min-height:48px;font-size:1rem;padding:10px 36px 10px 12px}
.benim-kutu{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:700;min-height:48px;padding:0 12px;border:1.5px solid var(--cizgi);border-radius:12px;background:#fff;cursor:pointer}
.benim-kutu input{width:22px;height:22px;accent-color:var(--mavi)}
.benim-kutu:has(input:checked){background:var(--yesil-acik);border-color:var(--yesil);color:var(--yesil)}
.secenekler.kucuk span{min-height:44px;padding:8px 14px;font-size:.95rem}
.suzgec .sekmeler{margin:6px 0 0}
.temizle{display:inline-block;margin-top:8px;font-size:.9rem}
.tablo-kart{padding:0;overflow:hidden}
.kaydir-ipucu{text-align:center;color:var(--gri);font-size:.85rem;padding:8px;background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch}
.liste-tablo{min-width:1100px;font-size:.95rem;border-collapse:collapse}
.liste-tablo th{position:sticky;top:0;background:var(--zemin);color:var(--gri);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;text-align:left;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.liste-tablo td{padding:12px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.liste-tablo td.tarih{white-space:nowrap}
.liste-tablo td.is{min-width:200px}
.liste-tablo td.is a{text-decoration:none;color:var(--mavi-koyu)}
.liste-tablo td.aciklama{min-width:280px;max-width:420px}
.liste-tablo td.oran-h{min-width:90px}
.liste-tablo td.oran-h .cubuk{margin-top:4px}
.liste-tablo td.no-h{white-space:nowrap}
.liste-tablo tr.benim-satir td{background:#f6fbf7}
.liste-tablo tr.iptal-satir td{opacity:.6}
.liste-tablo .villa{width:38px;height:38px;font-size:.95rem}
.liste-tablo .bos{text-align:center}
.ek-mini{display:flex;gap:4px;align-items:center}
.ek-mini img{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--cizgi)}
.dosya-mini{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;background:var(--mavi-acik);color:var(--mavi)}
.sayim{padding:10px 14px}
.kaydir-ipucu .ik{animation:kaydir 1.6s ease-in-out infinite}
@keyframes kaydir{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (min-width:900px){.suzgec-satir.dort{grid-template-columns:repeat(4,1fr)}.kaydir-ipucu{display:none}.liste-tablo{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){.kaydir-ipucu .ik{animation:none}}

/* iş emirleri: açık ve tamamlanan bölümleri */
.bolum-baslik{font-size:1.05rem;color:var(--lacivert);margin:14px 0 4px;display:inline-block}
.bitenler{border-top:2px solid var(--cizgi);margin-top:14px}
.bitenler summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:48px}
.bitenler summary::-webkit-details-marker{display:none}
.bitenler .ac-kapa{color:var(--mavi);font-weight:700;font-size:.9rem}
.bitenler .liste-kart{opacity:.8}
.durum-onizleme{margin:8px 0 2px;font-size:.95rem;color:var(--gri);display:flex;align-items:center;gap:8px}
.dosya-mini{flex-direction:column;gap:0;font-size:.6rem;line-height:1}
.ek-izgara .dosya b{color:var(--mavi);font-size:.8rem}
.ek-grup{margin-top:10px}
.ek-grup h4,.ek-grup-baslik{font-size:.9rem;color:var(--gri);margin:10px 0 4px;display:flex;align-items:center;gap:6px;font-weight:700}
.ek-izgara .dosya small{display:block;font-size:.72rem;color:var(--gri)}
/* arama kutusu ve Ara düğmesi tek satırda, sayfanın üstünde (telefonda alt çubuk düğmeyi örtmesin) */
.ara-satir{display:flex;gap:8px;align-items:stretch}
.ara-satir input{flex:1;min-width:0;margin:0}
.ara-satir .dugme{padding:0 16px;min-height:52px;white-space:nowrap;flex:none}
/* projeler bölümü */
.proje-yukle{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--cizgi)}
.proje-izgara{display:flex;flex-wrap:wrap;gap:12px}
.proje-izgara figure{margin:0;width:168px}
.proje-izgara img{width:168px;height:112px;object-fit:cover;border-radius:10px;display:block}
.proje-izgara figcaption{font-size:.8rem;line-height:1.3;margin-top:4px;word-break:break-word}
.proje-aciklama{display:block;color:var(--metin);font-size:.9rem}
.proje-satir a b{color:var(--mavi-koyu)}
.kaldir-form{display:inline;margin-left:6px}
.kaldir-dugme{background:none;border:0;color:var(--kirmizi);font-weight:700;cursor:pointer;padding:6px 4px;font-size:.9rem}
.kucuk-dugme{padding:8px 12px;font-size:.9rem;min-height:0;flex:none}
/* tablo başlığına dokununca sıralama */
.liste-tablo th.siralanir{cursor:pointer;user-select:none}
.liste-tablo th .sira-ok{color:var(--mavi)}
/* projeler: büyük dosya yükle kutusu */
.yukle-kutu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;border:2px dashed var(--mavi);border-radius:14px;background:var(--mavi-acik);color:var(--mavi-koyu);cursor:pointer;text-align:center;min-height:110px;position:relative;margin:0}
.yukle-kutu b{font-size:1.2rem}
.yukle-kutu span{font-size:.92rem;color:var(--gri);max-width:520px}
.yukle-kutu .ik{width:30px;height:30px}
.yukle-kutu input{position:absolute;opacity:0;width:0;height:0}
.secilenler{margin-top:8px;font-size:.95rem}
.secilenler div{padding:5px 0;border-top:1px solid var(--cizgi)}
/* Emil taraması 15 Eki 2026, Mesut onayı: dokunma geri bildirimi, açılan bölüm girişi, seçilen dosya listesi girişi */
:root{--ease-out:cubic-bezier(0.23,1,0.32,1)}
.dugme,.sec-dugme,.hizli button,.secenekler span,.sekmeler a,.yukle-kutu,.kaldir-dugme,.medya label,.medya .tam,.alt-sekme a,.yan a{transition:transform 160ms var(--ease-out),background-color 120ms ease}
.menu-kart,.liste-kart{transition:transform 160ms var(--ease-out),background-color 120ms ease}
.dugme:active,.sec-dugme:active,.hizli button:active,.secenekler span:active,.sekmeler a:active,.yukle-kutu:active,.kaldir-dugme:active,.medya label:active,.medya .tam:active{transform:scale(0.97)}
.menu-kart:active,.liste-kart:active,.alt-sekme a:active,.yan a:active{transform:scale(0.985)}
@media (hover:hover) and (pointer:fine){.menu-kart:hover,.liste-kart:hover{background:#f6f9fe}}
.bitenler[open]>:not(summary){animation:belir 180ms var(--ease-out) both}
@keyframes belir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.secilenler:not([hidden]),.eklenenler:not([hidden]){opacity:1;transform:none;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}
@starting-style{.secilenler:not([hidden]),.eklenenler:not([hidden]){opacity:0;transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){
 .dugme:active,.sec-dugme:active,.hizli button:active,.secenekler span:active,.sekmeler a:active,.yukle-kutu:active,.kaldir-dugme:active,.medya label:active,.medya .tam:active,.menu-kart:active,.liste-kart:active,.alt-sekme a:active,.yan a:active{transform:none;opacity:.8}
 @keyframes belir{from{opacity:0;transform:none}to{opacity:1;transform:none}}
 @starting-style{.secilenler:not([hidden]),.eklenenler:not([hidden]){transform:none}}
}
/* raporlama: hazır rapor kutuları */
.hazir-raporlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}   /* Mesut 16 Eki: bir sırada 4 rapor */
@media (max-width:1100px){.hazir-raporlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hazir-raporlar{grid-template-columns:1fr}}
/* Modül raporu: telefonda durum ve tarih alt alta, iki tarih yan yana sığar (16 Eki: 390 px'te sayfa 90 px yana taşıyordu) */
.tarih-cift{grid-template-columns:repeat(2,minmax(0,1fr))}.tarih-cift input{min-width:0}
@media (max-width:600px){.modul-suzgec{grid-template-columns:1fr}}
.hazir{display:flex;flex-direction:column;gap:2px;padding:14px;border:1.5px solid var(--cizgi);border-radius:12px;text-decoration:none;color:var(--metin);background:#fff;min-height:84px;transition:transform 160ms var(--ease-out),background-color 120ms ease}
.hazir .ik{color:var(--mavi);width:1.5em;height:1.5em;margin-bottom:4px}
.hazir b{font-size:1.05rem;color:var(--lacivert)}
.hazir span{font-size:.9rem;color:var(--gri)}
.hazir:active{transform:scale(0.985)}
@media (hover:hover) and (pointer:fine){.hazir:hover{background:#f6f9fe}}
/* iş emri onayı (15 Eki): listede ve detayda onayla / onaylama */
.onay-form{display:inline-flex;gap:6px;margin:4px 0}
.onay-dugme{background:#16a34a;color:#fff;border:0;border-radius:8px;padding:7px 11px;font-weight:700;cursor:pointer;font-size:.9rem}
.red-dugme{background:#fff;color:var(--kirmizi);border:1.5px solid var(--kirmizi);border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer;font-size:.9rem}
.onay-kart{border-color:var(--mavi)}
/* Mali İşler: kasa paneli ve 40 yaş üstü büyük yazı (Mesut 15 Eki) */
.buyuk-yazi{font-size:1.12rem}
.buyuk-yazi h1{font-size:2rem}
.buyuk-yazi .alt-baslik{font-size:1.05rem}
.buyuk-yazi .liste-tablo{font-size:1.05rem}
.buyuk-yazi label{font-size:1.05rem}
.buyuk-yazi input,.buyuk-yazi select,.buyuk-yazi textarea{font-size:1.1rem}
.buyuk-yazi .dugme{font-size:1.12rem;padding:16px 22px}
.dugme-satiri{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.kasa-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
@media (max-width:700px){.kasa-kartlar{grid-template-columns:1fr 1fr}}
.kasa-kart{background:#fff;border:1.5px solid var(--cizgi);border-radius:14px;padding:14px 16px;border-left:6px solid var(--mavi)}
.kasa-kart b{display:block;font-size:.85rem;letter-spacing:.06em;color:var(--gri)}
.kasa-kart span{display:block;font-size:1.7rem;font-weight:800;color:var(--lacivert);margin:4px 0 2px;word-break:break-word}
.kasa-kart small{color:var(--gri);font-size:.95rem}
.kasa-kart.ana{background:var(--mavi-acik);border-left-color:var(--mavi-koyu)}
.kasa-kart.giren{border-left-color:#16a34a}.kasa-kart.cikan{border-left-color:var(--kirmizi)}
.kasa-kart.bekleyen{border-left-color:#d97706}.kasa-kart.gecikmis{border-left-color:var(--kirmizi);background:var(--kirmizi-acik)}
.kalem-tablo{min-width:0;width:100%}
.odeme-satir{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--cizgi);align-items:center}
.odeme-satir:first-of-type{border-top:0}
.odeme-satir.gecikmis{background:var(--kirmizi-acik);margin:0 -14px;padding:12px 14px;border-radius:10px}
.odeme-satir>div:first-child{min-width:0}
.odeme-satir b{display:block;font-size:1.1rem}
.odeme-satir span{display:block;color:var(--metin)}
.odeme-satir small{display:block;color:var(--gri)}
.odeme-tutar{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.odeme-tutar b{font-size:1.25rem;white-space:nowrap}
.odeme-tutar b.giren{color:#16a34a}.odeme-tutar b.cikan{color:var(--kirmizi)}
.odeme-tutar a{font-weight:700}
/* projeler: ad değiştirme */
.ad-degistir summary{color:var(--mavi);font-weight:700;cursor:pointer;font-size:.9rem;list-style:none;padding:4px 0}
.ad-degistir summary::-webkit-details-marker{display:none}
.ad-degistir form{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.ad-degistir input{margin:0;min-height:44px;font-size:.95rem}
.ad-degistir.satir-alti{padding:0 0 6px 48px;border-bottom:1px solid var(--cizgi)}
/* ana sayfa: proje tamamlanma çubukları (Mesut 15 Eki) */
.ust-izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media (max-width:820px){.ust-izgara{grid-template-columns:1fr}}
.ust-izgara .karsilama{margin-bottom:0}
.tamamlanma{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:18px}
.tamamlanma small{display:block;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--mavi);margin-bottom:8px}
.tamamlanma-ust{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}
.tamamlanma-ust b{font-size:2.2rem;color:var(--lacivert);line-height:1}
.tamamlanma-ust span{color:var(--gri);font-size:.95rem}
.buyuk-cubuk{height:18px;margin:0 0 12px}
.buyuk-cubuk i{background:linear-gradient(90deg,var(--mavi),#16a34a)}
.birim-cubuklar{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
@media (max-width:520px){.birim-cubuklar{grid-template-columns:1fr}}
.birim-ust{display:flex;justify-content:space-between;font-size:.88rem;color:var(--metin)}
.birim-ust b{color:var(--lacivert)}
.birim-ust small{color:var(--gri);font-weight:400;font-size:.8rem}
.kucuk-cubuk{height:8px;margin-top:4px}
/* telefon ölçümü 15 Eki (iPhone 13): dokunma hedefleri 40 px, kasa kartı sayıları tek satır, küçük etiketler büyüdü */
.kirinti a{display:inline-block;padding:10px 0;font-size:.95rem}
.baslik-satir a{display:inline-flex;align-items:center;gap:4px;padding:10px 0;min-height:40px}
.liste-tablo td a{display:inline-block;padding:8px 0}
.odeme-tutar a{padding:8px 4px}
.karsilama small,.tamamlanma small{font-size:.8rem}
.kasa-kart b{font-size:.9rem}
.kasa-kart span{font-size:1.5rem;white-space:nowrap}
@media (max-width:700px){.kasa-kartlar{grid-template-columns:1fr 1fr}.kasa-kart span{font-size:1.25rem}}
@media (max-width:480px){.kasa-kartlar{grid-template-columns:1fr}.kasa-kart span{font-size:1.6rem}}
/* bugünün işleri ve haftalık plan (Mete 15 Eki) */
.bugun-isler{margin-bottom:14px;border-color:var(--mavi)}
.bugun-satir{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--cizgi)}
.bugun-satir:first-of-type{border-top:0}
.bugun-satir a b{color:var(--mavi-koyu)}
.bugun-satir small{display:block;color:var(--gri)}
.bugun-satir .meta{margin-top:6px}
.hafta-ozet{display:flex;flex-wrap:wrap;gap:8px}
.hafta-kutu{display:flex;flex-direction:column;padding:10px 14px;border:1.5px solid var(--cizgi);border-radius:12px;text-decoration:none;color:var(--metin);min-width:140px;background:#fff}
.hafta-kutu b{font-size:.95rem;color:var(--lacivert)}
.hafta-kutu span{color:var(--gri);font-size:.88rem}
.hafta-kutu.aktif{border-color:var(--mavi);background:var(--mavi-acik)}
.hafta-sec{min-height:44px;font-size:.95rem;margin:0;min-width:200px}
/* telefonda Menü sekmesi: yan menü tam ekran açılır (Mesut 15 Eki: ana ekrana ekledim, diğer özellikler çıkmadı) */
.menu-baslik{display:none}
@media (max-width:899px){
 .yan.acik{display:block;position:fixed;top:63px;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));overflow:auto;background:#fff;padding:14px 16px 24px;z-index:5;border-top:1px solid var(--cizgi)}
 .yan.acik .menu-baslik{display:flex;justify-content:space-between;align-items:baseline;font-size:1.3rem;font-weight:800;color:var(--lacivert);margin-bottom:6px}
 .yan.acik .menu-baslik small{font-size:.9rem;color:var(--gri);font-weight:600}
 .yan.acik .grup{font-size:.72rem;letter-spacing:.12em;color:var(--gri-acik);font-weight:800;margin:16px 4px 6px}
 .yan.acik a{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:12px;text-decoration:none;color:var(--metin);font-weight:600;font-size:1.05rem;border:1px solid var(--cizgi);margin-bottom:6px;background:#fff}
 .yan.acik a.aktif{background:var(--mavi-acik);color:var(--mavi-koyu);border-color:var(--mavi)}
 .yan.acik .villa-buyuk{display:none}
 .yan.acik .kisi{margin-top:18px;padding:12px 4px 0;border-top:1px solid var(--cizgi);font-size:.95rem;color:var(--gri)}
 .yan.acik .kisi b{display:block;color:var(--lacivert)}
 body.menu-acik{overflow:hidden}
}
.kucuk-kartlar .menu-kart{min-height:110px}
.hafta-sec-hucre{white-space:nowrap}
.hafta-sec-hucre .hafta-sec{min-width:170px;display:inline-block;vertical-align:middle}
.hafta-sec-hucre .haftasiz{display:inline-flex;align-items:center;gap:4px;margin:0 0 0 8px;font-size:.85rem;color:var(--gri);font-weight:600}
.hafta-sec-hucre .haftasiz input{width:18px;height:18px;margin:0;min-height:0}
/* ana sayfa: iş birimi çubuğuna tıklayınca kırılım (Mesut 15 Eki) */
details.birim-cubuk summary{list-style:none;cursor:pointer;padding:6px 6px;margin:-6px -6px;border-radius:10px}
details.birim-cubuk summary::-webkit-details-marker{display:none}
details.birim-cubuk summary:active{background:var(--mavi-acik)}
@media (hover:hover) and (pointer:fine){details.birim-cubuk summary:hover{background:#f6f9fe}}
details.birim-cubuk .ac-ipucu .ik{width:.9em;height:.9em;color:var(--gri-acik);vertical-align:middle;transition:transform 160ms var(--ease-out)}
details.birim-cubuk[open] .ac-ipucu .ik{transform:rotate(90deg)}
.birim-isler{margin:8px 0 10px;border-left:3px solid var(--mavi-acik);padding-left:10px}
.birim-is{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--cizgi);text-decoration:none;color:var(--metin)}
.birim-is:first-child{border-top:0}
.birim-is .villa{width:34px;height:34px;font-size:.85rem;flex:none}
.birim-is .ad{flex:1;min-width:0}
.birim-is .ad b{display:block;font-size:.95rem;color:var(--mavi-koyu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.birim-is .ad small{color:var(--gri)}
.birim-is .oran{flex:none}
.birim-ust>span{display:inline-flex;align-items:center;gap:6px}
details.birim-cubuk summary{display:block}
details.birim-cubuk .birim-ust{display:flex;justify-content:space-between;align-items:center}
.birim-not{display:block;color:var(--gri);font-size:.8rem;padding:4px 0 2px}
/* ana sayfa panosu: Mesut'un 15 Eki görsel önerisi (üst şerit + oran şeridi + 3 sütunlu iş birimi ızgarası) */
.pano{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);margin-bottom:14px;overflow:hidden}
.pano-bas{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--cizgi)}
.pano-baslik small{display:block;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--mavi);margin-bottom:6px}
.pano-baslik h1{font-size:2rem;margin:0}
.pano-sayilar{display:flex;align-items:stretch}
.pano-sayilar div{padding:2px 26px;border-left:1px solid var(--cizgi)}
.pano-sayilar div:last-child{padding-right:4px}
.pano-sayilar b{display:block;font-size:1.9rem;line-height:1.05;color:var(--lacivert)}
.pano-sayilar span{color:var(--gri);font-size:.95rem}
.pano-oran{padding:16px 22px 18px;border-bottom:1px solid var(--cizgi)}
.pano-oran>small{display:flex;align-items:center;gap:8px;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--mavi);margin-bottom:8px}
.bilgi-ipucu{display:inline-flex;color:var(--gri-acik);cursor:help}
.bilgi-ipucu .ik{width:1.05em;height:1.05em}
.oran-satir{display:flex;align-items:center;gap:18px}
.oran-satir>b{font-size:3rem;line-height:1;color:var(--lacivert);letter-spacing:-.02em}
.oran-ozet{color:var(--gri);font-size:1rem;line-height:1.3;padding-left:18px;border-left:1px solid var(--cizgi)}
.oran-satir .buyuk-cubuk{flex:1;margin:0 0 0 24px;height:16px}
.pano-birim-bas{padding:14px 22px;border-bottom:1px solid var(--cizgi)}
.pano-birim-bas h2{margin:0;font-size:1.2rem;color:var(--lacivert)}
.birim-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cizgi)}
.birim-izgara details{background:#fff;padding:14px 22px 16px}
.birim-izgara details summary{list-style:none;cursor:pointer;margin:-14px -22px -16px;padding:14px 22px 16px}
.birim-izgara details[open] summary{margin-bottom:0;padding-bottom:10px}
.birim-izgara details summary::-webkit-details-marker{display:none}
.birim-izgara .birim-ust{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem}
.birim-izgara .birim-ust>span{font-weight:700;color:var(--lacivert)}
.birim-izgara .birim-ust b{display:inline-flex;align-items:center;gap:8px;font-size:1.15rem;color:var(--lacivert)}
.birim-izgara .ac-ipucu .ik{width:.95em;height:.95em;color:var(--gri-acik);transition:transform 160ms var(--ease-out)}
.birim-izgara details[open] .ac-ipucu .ik{transform:rotate(90deg)}
.birim-alt{display:block;color:var(--gri);font-size:.92rem;margin-top:2px}
.birim-izgara .kucuk-cubuk{margin-top:10px;height:8px}
.birim-izgara details summary:active{background:var(--mavi-acik)}
@media (hover:hover) and (pointer:fine){.birim-izgara details summary:hover{background:#f6f9fe}}
@media (max-width:900px){.birim-izgara{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.pano-bas{flex-direction:column;align-items:flex-start;gap:12px}.pano-sayilar div{padding:2px 18px}.pano-sayilar div:first-child{padding-left:0;border-left:0}.oran-satir{flex-wrap:wrap}.oran-satir .buyuk-cubuk{flex-basis:100%;margin:12px 0 0}}
@media (max-width:520px){.birim-izgara{grid-template-columns:1fr}.pano-bas,.pano-oran,.pano-birim-bas,.birim-izgara details{padding-left:16px;padding-right:16px}.birim-izgara details summary{margin:-14px -16px -16px;padding:14px 16px 16px}.pano-baslik h1{font-size:1.6rem}}
.birim-izgara details{min-width:0;overflow:hidden}
.birim-izgara .birim-isler{min-width:0}
.birim-izgara .birim-not{white-space:normal}
label .biri{font-weight:400;color:var(--gri);font-size:.8rem;background:var(--zemin);border:1px solid var(--cizgi);border-radius:999px;padding:1px 8px;margin-left:4px;vertical-align:middle}
/* iş emri formu: hazırlayan, tarih, evrak no başlığın yanında (Mesut 15 Eki) */
.sayfa-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px}
.sayfa-bas>div:first-child{min-width:0}
.sayfa-bas .alt-baslik{margin-bottom:0}
.sayfa-bas .ust-bilgi{margin:0;flex:none;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 20px;gap:28px;grid-template-columns:auto auto auto}
.sayfa-bas .ust-bilgi span{white-space:nowrap}
@media (max-width:720px){.sayfa-bas{flex-direction:column;align-items:stretch;gap:10px}.sayfa-bas .ust-bilgi{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px 14px}.sayfa-bas .ust-bilgi span{white-space:normal}}
/* iş emri formu: konum şeridi başlığın altında, tam genişlik (Mesut 15 Eki) */
.konum-serit{margin-bottom:14px}
.konum-alanlar{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px 18px;align-items:start}
.konum-alanlar>div{min-width:0}
.konum-alanlar select{width:100%}
.konum-alanlar .secenekler{margin:0}
@media (max-width:860px){.konum-alanlar{grid-template-columns:1fr}}
.konum-alanlar .secenekler span{white-space:nowrap;padding-left:10px;padding-right:10px}
/* iş emri formu: bilgi kutusu ve altında aynı genişlikte Konum kutusu (Mesut 15 Eki: "yayma, ismin altına kutu o ölçüde") */
.sayfa-bas{align-items:flex-start}
.sag-kutular{display:flex;flex-direction:column;gap:12px;flex:none;width:440px;max-width:100%}
.sag-kutular .ust-bilgi{width:100%;justify-content:space-between}
.konum-kutu{margin:0}
.konum-kutu .secenekler span{white-space:nowrap;padding-left:10px;padding-right:10px}
.konum-kutu .ikili{margin-top:10px}
@media (max-width:860px){.sag-kutular{width:100%}}
/* iş emri formu ızgarası (Mesut 15 Eki "optimize et"): solda başlık + iş bilgileri, sağda bilgi kutusu + konum + dosya; telefonda kaynak sırası */
.is-izgara .kutu-bilgi{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 18px;margin:0 0 14px;grid-template-columns:1fr 1.35fr 1fr;gap:12px}
.is-izgara .kutu-bilgi span{display:block;overflow-wrap:anywhere;white-space:normal}
.is-izgara .konum-kutu{margin:0 0 14px}
.is-izgara .bas .alt-baslik{margin-bottom:12px}
@media (min-width:861px){
  .is-izgara{display:grid;grid-template-columns:1.6fr 1fr;gap:0 16px;align-items:start}
  .is-izgara .bas{grid-column:1;grid-row:1}
  .is-izgara .kutu-bilgi{grid-column:2;grid-row:1;align-self:start}
  .is-izgara .konum-kutu{grid-column:2;grid-row:2}
  .is-izgara .is-bilgi-kart{grid-column:1;grid-row:2 / span 2}
  .is-izgara .medya-sutun{grid-column:2;grid-row:3;align-self:stretch;display:flex;flex-direction:column}
  .is-izgara .medya-sutun>.kart:last-child{flex:1;margin-bottom:0}
  .is-izgara .is-bilgi-kart{align-self:stretch;margin-top:0;margin-bottom:0}   /* sol ve sağ sütun aynı yerde başlar ve biter (Mesut 16 Eki); sınıf adı haftalık takvimin .is-kart'ıyla çakışıyordu */
  .is-izgara .kart-baslik .zorunlu{white-space:nowrap}
}
.liste-tablo td.tarih{white-space:nowrap}
/* iş emirleri tablosu ekrana sığar (Mesut 15 Eki): geniş ekranda sabit düzen, hücreler alt satıra kayar; telefonda yatay kaydırma kalır */
@media (min-width:1100px){
  .is-emirleri .tablo-kaydir{overflow-x:auto}
  .is-emirleri .liste-tablo{table-layout:fixed;width:100%;font-size:.9rem}
  .is-emirleri .liste-tablo th,.is-emirleri .liste-tablo td{padding:8px 6px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
  .is-emirleri .liste-tablo td.tarih{white-space:nowrap}
  .is-emirleri .liste-tablo .ek-mini img{width:26px;height:26px}
  .is-emirleri .kaydir-ipucu{display:none}
}
.liste-tablo td.calisma{color:var(--metin)}
.liste-tablo td.calisma small{color:var(--gri)}
@media (min-width:1100px){
  .is-emirleri .liste-tablo th.s-dugme{width:9.5%}.is-emirleri .liste-tablo th.s-no{width:4.5%}.is-emirleri .liste-tablo th.s-tarih{width:7%}.is-emirleri .liste-tablo th.s-is{width:17%}.is-emirleri .liste-tablo th.s-calisma{width:19%}
  .is-emirleri .liste-tablo th.s-villa{width:6.5%}.is-emirleri .liste-tablo th.s-birim{width:9%}.is-emirleri .liste-tablo th.s-sorumlu{width:8%}
  .is-emirleri .liste-tablo th.s-plan{width:9.5%}.is-emirleri .liste-tablo th.s-durum{width:10%}
  .is-emirleri .liste-tablo td.no-h .dugme{padding:6px 6px;font-size:.8rem;width:100%;justify-content:center;white-space:normal;line-height:1.15;text-align:center}
  .is-emirleri .liste-tablo .villa{white-space:nowrap;width:auto;min-width:0;height:auto;padding:4px 7px;font-size:.8rem;display:inline-block;line-height:1.2}
  .is-emirleri .liste-tablo .rozet{font-size:.78rem;padding:2px 7px}
}
@media (min-width:1100px){.is-emirleri .liste-tablo td.plan small{display:block;white-space:normal}.is-emirleri .liste-tablo .rozet{white-space:normal;line-height:1.2}.is-emirleri .liste-tablo td.oran-h .cubuk{min-width:30px}}
.liste-tablo .ilerleme-dugme{padding:8px 10px;font-size:.9rem;white-space:nowrap}
@media (min-width:1100px){.is-emirleri .liste-tablo .ilerleme-dugme{padding:6px 6px;font-size:.8rem;white-space:normal;width:100%;justify-content:center;text-align:center;line-height:1.15}}
@media (min-width:1100px){.is-emirleri .liste-tablo .rozet{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;font-size:.74rem;padding:2px 6px}}
/* size atanan işler: ortadaki boşlukta büyük yüzde ve bitişe kalan gün (Mesut 15 Eki) */
.bugun-satir .orta-ozet{display:flex;align-items:center;gap:14px;flex:none;margin-left:auto;padding:0 22px;min-width:200px}
.bugun-satir .buyuk-yuzde{font-size:2.1rem;font-weight:800;color:var(--mavi-koyu);line-height:1;letter-spacing:-.02em}
.bugun-satir .orta-ozet small{color:var(--gri);font-size:.9rem;line-height:1.35}
.bugun-satir .orta-ozet small b{color:var(--lacivert)}
.bugun-satir .orta-ozet small b.gecti{color:var(--kirmizi)}
.telefon-oran{display:none}
@media (max-width:720px){.bugun-satir .orta-ozet{display:none}.telefon-oran{display:inline-block;font-weight:800;color:var(--mavi-koyu)}}
.bugun-satir .orta-ozet small{text-align:right;min-width:110px}
@media (min-width:721px){.bugun-satir .orta-ozet{margin-right:90px;padding:0 10px}}
@media (min-width:721px){.bugun-satir .orta-ozet{gap:70px}.bugun-satir .orta-ozet small{text-align:left}}
/* haftalık takvim (Mesut'un krokisi, 15 Eki) */
.takvim-bas{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.takvim-bas h1{margin:0}
.hafta-gezinti{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.hafta-gezinti b{font-size:1.15rem;color:var(--lacivert)}
.takvim{display:grid;grid-template-columns:1.9fr repeat(7,1fr);gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden}
.takvim .gun{background:#fff;min-height:260px;padding:0 0 8px}
.takvim .gun.bugun{background:#f6f9fe}
.takvim .gun-bas{text-align:center;padding:10px 6px;border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.takvim .gun-bas b{display:block;color:var(--lacivert)}
.takvim .gun-bas span{font-size:.78rem;letter-spacing:.08em;color:var(--gri);text-transform:uppercase}
.takvim .gun.bugun .gun-bas{background:var(--mavi-acik)}
.is-kart{display:block;margin:8px 6px 0;padding:8px 9px;border:1px solid var(--cizgi);border-radius:10px;background:#fff;text-decoration:none;color:var(--metin);font-size:.86rem;line-height:1.3}
.is-kart b{display:block;color:var(--mavi-koyu);font-size:.88rem;margin-bottom:3px}
.is-kart span{display:block;font-weight:700;color:var(--lacivert)}
.is-kart small{display:block;color:var(--gri);font-size:.78rem;margin-top:2px}
.is-kart.gecikti{border-color:#f3b4b4;background:#fff5f5}
.is-kart.gecikti span{color:var(--kirmizi)}
.is-kart.bitti{opacity:.7}
.gun-bos{color:var(--gri-acik);font-size:.85rem;text-align:center;padding:16px 6px}
.devreden-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.devreden-liste .is-kart{margin:0}
@media (max-width:1000px){.takvim{grid-template-columns:repeat(2,1fr)}.takvim .gun{min-height:0}}
@media (max-width:560px){.takvim{grid-template-columns:1fr}.hafta-gezinti{flex-wrap:wrap;justify-content:center}}
.takvim .devreden-sutun{background:#fbfbfd}
.takvim .devreden-sutun .gun-bas{background:#eef0f4}
.takvim .devreden-sutun .gun-bas span{text-transform:none;letter-spacing:0}
.takvim .tamamlanan-sutun{background:#f7fcf8}
.takvim .tamamlanan-sutun .gun-bas{background:#e3f4e8}
.takvim .tamamlanan-sutun .gun-bas span{text-transform:none;letter-spacing:0}
.takvim .tamamlanan-sutun .is-kart{opacity:1;border-color:#bfe3c9}
.takvim .tamamlanan-sutun .is-kart span{color:var(--yesil)}
.pdf-satiri{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.pdf-satiri>span{color:var(--gri);font-weight:700;margin-right:4px}
.pdf-satiri .dugme{padding:8px 12px;font-size:.9rem}
.dugme.acik-mavi{background:var(--mavi-acik);color:var(--mavi-koyu);border:1px solid #c7d7f7}
.dugme.acik-mavi .ik{color:var(--mavi-koyu)}
.pdf-satiri .dugme{padding:10px 14px;font-size:.95rem}
/* PDF: görüntüle + indir (Mesut 15 Eki) */
.pdf-cift{display:inline-flex;align-items:stretch}
.pdf-cift .dugme:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.pdf-cift .dugme.indir{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:10px;padding-right:10px;margin-left:-1px}
.hazir-dugmeler{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:8px}
.hazir-dugmeler a{color:var(--mavi);text-decoration:none;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:4px}
.hazir-dugmeler a .ik{width:1em;height:1em;margin:0;color:var(--mavi)}
/* ana sayfa bölüm kartları: Apple tasarım dili (Tasarım Kitabı apple/DESIGN.md; Mesut 15 Eki "optimize et, renkleri buna göre") */
.apple-kartlar{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:14px 0 16px}
@media (max-width:1320px){.apple-kartlar{grid-template-columns:repeat(4,1fr)}}
.apple-kartlar .menu-kart{background:#fff;border:1px solid #e0e0e0;border-radius:18px;padding:20px 20px 18px;min-height:0;color:#1d1d1f;box-shadow:none;transition:transform 180ms var(--ease-out),box-shadow 180ms ease,border-color 180ms ease}
.apple-kartlar .menu-kart .ikk{width:44px;height:44px;border-radius:11px;background:#f5f5f7;color:#0066cc;margin-bottom:18px}
.apple-kartlar .menu-kart .ikk .ik{width:22px;height:22px}
.apple-kartlar .menu-kart .ok{right:16px;top:18px;color:#7a7a7a}
.apple-kartlar .menu-kart b{font-size:17px;font-weight:600;letter-spacing:-.37px;color:#1d1d1f;line-height:1.24;margin-bottom:5px}
.apple-kartlar .menu-kart span:not(.ikk):not(.ok){font-size:14px;line-height:1.43;letter-spacing:-.22px;color:#7a7a7a;display:block}
@media (hover:hover) and (pointer:fine){.apple-kartlar .menu-kart:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.07);border-color:#d2d2d7}.apple-kartlar .menu-kart:hover .ok{color:#0066cc}}
.apple-kartlar .menu-kart:active{transform:scale(.985)}
@media (max-width:1100px){.apple-kartlar{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.apple-kartlar{grid-template-columns:1fr 1fr;gap:10px}.apple-kartlar .menu-kart{padding:16px}}
@media (max-width:420px){.apple-kartlar{grid-template-columns:1fr}}
/* iş birimi ızgarası: boş hücre kalmasın (Mesut 15 Eki) */
.birim-izgara{background:#fff}
.birim-izgara details{border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.birim-izgara details:nth-child(3n){border-right:0}
@media (max-width:900px){.birim-izgara details:nth-child(3n){border-right:1px solid var(--cizgi)}.birim-izgara details:nth-child(2n){border-right:0}}
@media (max-width:520px){.birim-izgara details{border-right:0}.birim-izgara details:last-child{grid-column:auto}}
/* Emil tasarım gözden geçirmesi (15 Eki): küçük hareket düzeltmeleri */
.birim-izgara details[open]>.birim-isler{animation:belir 180ms var(--ease-out) both}
.birim-izgara details summary,details.birim-cubuk summary{transition:background-color 120ms ease}
.apple-kartlar .menu-kart .ok{transition:color 120ms ease}
.kaydir-ipucu .ik{animation-iteration-count:3}
.menu-kart:focus-visible,.hazir:focus-visible,.is-kart:focus-visible,.birim-izgara details summary:focus-visible{outline:3px solid #bfd3fb;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.apple-kartlar .menu-kart:hover{transform:none}.birim-izgara details[open]>.birim-isler{animation:none}}
/* iş birimi ızgarasındaki boş hücre: haftanın özeti, diğer hücrelerle aynı yükseklik (Mesut 15 Eki) */
.hafta-hucre{display:flex;flex-direction:column;justify-content:flex-start;gap:2px;padding:14px 22px 16px;background:#f5f5f7;border-bottom:1px solid var(--cizgi);text-decoration:none;color:#1d1d1f;transition:background-color 120ms ease}
.hafta-hucre b{font-size:1.05rem;color:#1d1d1f;display:inline-flex;align-items:center;gap:8px;line-height:1.3}
.hafta-hucre b .ik{width:1.05em;height:1.05em;color:#0066cc}
.hafta-hucre .hh-sayi{font-size:.92rem;color:#1d1d1f;margin-top:2px}
.hafta-hucre small{color:#7a7a7a;font-size:.82rem;display:inline-flex;align-items:center;gap:4px;margin-top:6px}
.hafta-hucre small .ik{width:.9em;height:.9em}
@media (hover:hover) and (pointer:fine){.hafta-hucre:hover{background:#eef0f4}}
@media (max-width:900px){.hafta-hucre{display:none}}
.bugun-isler .baslik-satir h2{font-size:2rem;letter-spacing:-.01em;line-height:1.1}
.devam-isler{border-color:var(--cizgi)}
@media (max-width:720px){.bugun-isler .baslik-satir h2{font-size:1.6rem}}
/* üst çubukta Yalıkavak hava durumu (Mesut 15 Eki) */
.ust .sag{display:flex;align-items:center;gap:12px}
.hava{display:flex;align-items:center;gap:14px;margin-right:6px}
.hava-bugun{display:flex;align-items:center;gap:8px}
.hava-bugun .ik{width:30px;height:30px;color:var(--mavi)}
.hava-bugun b{font-size:1.6rem;line-height:1;color:var(--lacivert);letter-spacing:-.02em}
.hava-bugun span{font-size:.72rem;line-height:1.2;color:var(--gri)}
.hava-gunler{display:flex;gap:2px;border-left:1px solid var(--cizgi);padding-left:12px}
.hava-gun{display:flex;flex-direction:column;align-items:center;width:34px;gap:1px;border-radius:8px;padding:2px 0}
.hava-gun small{font-size:.62rem;color:var(--gri);letter-spacing:.02em}
.hava-gun .ik{width:16px;height:16px;color:var(--gri)}
.hava-gun b{font-size:.78rem;color:var(--lacivert)}
.hava-gun.uyari{background:#fff1c2}
.hava-gun.uyari .ik{color:var(--turuncu)}
.hava-uyari{display:flex;align-items:center;gap:8px;background:var(--kirmizi-acik);color:var(--kirmizi);border-radius:12px;padding:6px 12px;font-size:.82rem;font-weight:700;max-width:420px;line-height:1.35}
.hava-uyari .ik{width:16px;height:16px;flex:none}
.hava-hata{font-size:.78rem;color:var(--gri);display:inline-flex;align-items:center;gap:4px}
.hava-hata .ik{width:16px;height:16px}
@media (max-width:1100px){.hava-gunler{display:none}}
@media (max-width:720px){.hava-bugun span{display:none}.hava-bugun b{font-size:1.2rem}.hava-bugun .ik{width:22px;height:22px}.hava-uyari span{display:none}.hava-uyari{padding:5px 7px}.hava{gap:8px;margin-right:0}}
/* size atanan işler: arama ve sıralama başlığın sağında, sıralama tek düğme açılır menü (Mesut 16 Eki, model 2) */
.atanan-bas{flex-wrap:wrap;gap:10px 14px}
.atanan-bas h2{margin-right:auto}
.atanan-arac{display:flex;align-items:center;gap:10px;flex:1 1 380px;justify-content:flex-end;min-width:0}
.atanan-ara{display:flex;align-items:center;gap:8px;flex:1 1 170px;max-width:280px;min-width:0;height:40px;padding:0 12px;border:1px solid var(--cizgi);border-radius:10px;background:#f8fafc;color:var(--gri-acik);cursor:text;margin:0;font-weight:400}   /* genel label kuralı kalın yazı ve 16 px üst boşluk veriyordu */
.atanan-ara:focus-within{border-color:var(--mavi);background:#fff}
.atanan-ara .ik{width:18px;height:18px}
.atanan-ara input{-webkit-appearance:none;appearance:none;border:0;background:transparent;outline:0;font:inherit;font-size:.95rem;color:var(--metin);flex:1;min-width:0;padding:0}
.atanan-ara input::placeholder{color:var(--gri)}
.sirala{position:relative;flex:none}
.sirala-dugme{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 14px;border:1px solid var(--cizgi);border-radius:10px;background:#fff;font:inherit;font-size:.9rem;color:var(--gri);white-space:nowrap;cursor:pointer}
.sirala-dugme b{color:var(--lacivert)}
.sirala-dugme .ik{width:16px;height:16px}
.sirala-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:4;min-width:180px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;box-shadow:0 8px 24px rgba(15,42,74,.14);padding:4px}
.sirala-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:0;background:none;border-radius:8px;font:inherit;font-size:.92rem;color:var(--lacivert);text-align:left;cursor:pointer}
.sirala-menu button.aktif{color:var(--mavi-koyu);font-weight:700;background:var(--mavi-acik)}
@media (hover:hover) and (pointer:fine){.sirala-menu button:not(.aktif):hover{background:var(--zemin)}}
@media (max-width:720px){.atanan-arac{flex-basis:100%}.atanan-ara{max-width:none}.sirala-dugme.secili .et{display:none}}
.hava-sehirler{display:flex;gap:4px;border-left:1px solid var(--cizgi);padding-left:12px}
.hava-sehir{display:flex;flex-direction:column;align-items:center;width:44px;gap:1px}
.hava-sehir small{font-size:.62rem;color:var(--gri)}
.hava-sehir .ik{width:16px;height:16px;color:var(--gri)}
.hava-sehir b{font-size:.78rem;color:var(--lacivert)}
@media (max-width:1100px){.hava-sehirler{display:none}}
.kayit-not{margin-top:6px;display:flex;flex-direction:column;gap:4px}
.selam{margin:4px 0 14px}
.selam h1{font-size:2.2rem;margin:0 0 2px;color:var(--lacivert);letter-spacing:-.02em}
.selam p{margin:0;color:var(--gri);font-size:1rem}
@media (max-width:720px){.selam h1{font-size:1.7rem}}
/* puantaj (Mesut 15 Eki, örnek) */
.puantaj-tablo{border-collapse:collapse;font-size:.82rem;width:100%}
.puantaj-tablo th,.puantaj-tablo td{border:1px solid var(--cizgi);padding:3px 2px;text-align:center}
.puantaj-tablo th{background:var(--zemin);font-size:.72rem;color:var(--gri);font-weight:600;line-height:1.1}
.puantaj-tablo th b{display:block;font-size:.85rem;color:var(--lacivert)}
.puantaj-tablo th.ad,.puantaj-tablo td.ad{text-align:left;position:sticky;left:0;background:#fff;min-width:150px;max-width:170px;padding:6px 8px;z-index:1}
.puantaj-tablo td.ad small{display:block;color:var(--gri);font-size:.75rem}
.puantaj-tablo .pazar{background:#f3f4f6}
.puantaj-tablo .bugun{background:var(--mavi-acik)}
.puantaj-tablo td.gelecek{opacity:.55}
.puantaj-tablo tfoot td{background:var(--zemin);font-weight:700}
.puantaj-tablo td.n{font-weight:700;color:var(--lacivert)}
.puantaj-tablo .d{width:25px;height:25px;border-radius:6px;border:1px solid var(--cizgi);background:#fff;font-weight:800;font-size:.85rem;cursor:pointer;color:#fff;transition:transform 120ms var(--ease-out)}
.puantaj-tablo .d:active{transform:scale(.9)}
.d.d-bos{background:#fff}.d.d-T{background:#15803d;border-color:#15803d}.d.d-Y{background:#d97706;border-color:#d97706}.d.d-G{background:#b91c1c;border-color:#b91c1c}.d.d-I{background:#2563eb;border-color:#2563eb}
.puantaj-aciklama{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;color:var(--gri);font-size:.88rem}
.puantaj-aciklama .d{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font-weight:800;color:#fff;font-size:.8rem}
.kisi-pdf{font-size:.72rem;font-weight:600;text-decoration:underline;white-space:nowrap}.pasif-form{display:inline;margin-left:6px}.pasif-form button{background:none;border:0;color:var(--gri-acik);font-size:.72rem;cursor:pointer;text-decoration:underline;padding:0}
@media (min-width:1100px){.puantaj-sayfa .tablo-kaydir{overflow-x:auto}}
.puantaj-sayfa .kart form input[type=text],.puantaj-sayfa .kart form input:not([type]),.puantaj-sayfa .kart form input[type=number],.puantaj-sayfa .kart form select{width:100%;box-sizing:border-box}
.puantaj-tablo td.ad b{font-size:.88rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ekle-kutu summary{list-style:none;display:flex;align-items:center;gap:10px;margin:0;padding-bottom:0;border-bottom:0}
.ekle-kutu summary::-webkit-details-marker{display:none}
.ekle-kutu[open] summary{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--cizgi)}
.ekle-kutu .ac-kapa{margin-left:auto;color:var(--mavi);font-size:.9rem}
/* puantaj harf optimizasyonu (Mesut 15 Eki): daha büyük ve okunur harfler, 31 gün yine sığar */
.puantaj-tablo{font-size:.9rem}
.puantaj-tablo th{font-size:.74rem}
.puantaj-tablo th b{font-size:.95rem}
.puantaj-tablo th.ad,.puantaj-tablo td.ad{min-width:170px;max-width:190px}
.puantaj-tablo td.ad b{font-size:.95rem}
.puantaj-tablo td.ad small{font-size:.78rem}
.puantaj-tablo .d{width:28px;height:28px;font-size:.95rem;font-weight:900;letter-spacing:.02em}
.puantaj-tablo td.n{font-size:.95rem}
.puantaj-tablo tfoot td{font-size:.9rem}
.puantaj-aciklama{font-size:.95rem}
.puantaj-aciklama .d{width:28px;height:28px;font-size:.9rem}
.puantaj-sayfa .alt-baslik{font-size:1rem}
@media (min-width:1500px){.puantaj-tablo .d{width:32px;height:32px;font-size:1.05rem}.puantaj-tablo th b{font-size:1.05rem}.puantaj-tablo td.ad b{font-size:1.02rem}}
/* puantaj: hücre boyu ekran genişliğine göre, 31 gün her boyda sığar */
.puantaj-tablo th,.puantaj-tablo td{padding:3px 2px}
.puantaj-tablo .d{width:22px;height:24px;font-size:.84rem}
.puantaj-tablo th.ad,.puantaj-tablo td.ad{min-width:150px;max-width:170px}
@media (min-width:1500px){.puantaj-tablo .d{width:25px;height:26px;font-size:.9rem}.puantaj-tablo th.ad,.puantaj-tablo td.ad{min-width:165px;max-width:185px}}
@media (min-width:1800px){.puantaj-tablo .d{width:32px;height:32px;font-size:1.05rem}.puantaj-tablo th.ad,.puantaj-tablo td.ad{min-width:190px;max-width:220px}}
/* yan menü harfleri (Mesut 15 Eki harf optimizasyonu): Apple tasarım dili, orta kalınlık, sakin ikon, belirgin seçili satır */
.yan a{font-weight:500;font-size:.98rem;letter-spacing:-.1px;color:#1d1d1f;padding:9px 12px;border-radius:10px;gap:10px}
.yan a .ik{width:18px;height:18px;color:#7a7a7a}
.yan a.aktif{font-weight:600;color:#0066cc;background:#eaf2ff}
.yan a.aktif .ik{color:#0066cc}
.yan .grup{font-size:.68rem;letter-spacing:.14em;color:#7a7a7a;font-weight:600;margin:14px 0 4px;padding-left:12px}
.yan .grup:first-of-type{margin-top:4px}
@media (max-width:1499px){.puantaj-tablo th,.puantaj-tablo td{padding:3px 1px}}
/* İş Planı ve Zaman Çizelgesi (Mesut 15 Eki 2026 şartnamesi) */
.plan-sayfa .suzgec-kart{padding:14px 16px 16px}
.plan-sayfa .suzgec-kart label{margin:6px 0 6px;font-size:.88rem}
.plan-sayfa .suzgec-kart input,.plan-sayfa .suzgec-kart select{font-size:1rem;padding:10px 12px;min-height:46px}
.plan-sayfa .suzgec-dugmeler{display:flex;gap:8px;align-items:flex-end}
.plan-sayfa .suzgec-dugmeler .dugme{padding:11px 16px;font-size:.98rem}
.plan-sayfa .bilgi-kutu{background:var(--yesil-acik);color:var(--yesil);border:1.5px solid #bbf7d0;border-radius:12px;padding:12px 14px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.plan-tablo{border-collapse:collapse;font-size:.92rem;min-width:1050px;width:100%}
.plan-tablo th{position:sticky;top:0;background:var(--zemin);color:var(--gri);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 10px;text-align:left;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.plan-tablo td{padding:10px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.plan-tablo td.no{white-space:nowrap;font-weight:700;color:var(--gri)}
.plan-tablo td.tanim{min-width:240px}.plan-tablo td.tanim b{color:var(--lacivert)}
.plan-tablo td.t,.plan-tablo td.n{white-space:nowrap}.plan-tablo .n{text-align:right}
.plan-tablo td.bag{font-size:.85rem;min-width:150px}.plan-tablo td.bag small{color:var(--gri);font-weight:700}
.plan-tablo tr.kritik td{box-shadow:inset 0 0 0 0 transparent}
.plan-tablo tr.kritik td.tanim{border-left:4px solid var(--kirmizi)}
.plan-tablo tr.kritik{outline:2px solid #f5b5b5;outline-offset:-2px}
.plan-tablo .kritik-ik{color:var(--kirmizi);display:inline-flex;vertical-align:middle;margin-right:6px}
.plan-tablo .kritik-ik .ik{width:18px;height:18px}
.plan-tablo td.durum{white-space:nowrap}
.plan-tablo .durum-sec{width:auto;min-width:150px;font-size:.92rem;padding:8px 32px 8px 12px;border-radius:999px;font-weight:700;border:1.5px solid transparent;background-position:right 10px center}
.plan-tablo .durum-sec.gri{background-color:var(--gri-rozet);color:#475569}.plan-tablo .durum-sec.mavi{background-color:var(--mavi-acik);color:var(--mavi-koyu)}
.plan-tablo .durum-sec.turuncu{background-color:var(--turuncu-acik);color:var(--turuncu)}.plan-tablo .durum-sec.yesil{background-color:var(--yesil-acik);color:var(--yesil)}
.plan-tablo td.islem{white-space:nowrap;font-size:.9rem}.plan-tablo td.islem a.sil{color:var(--kirmizi)}
.plan-tablo .bos{text-align:center;color:var(--gri);padding:28px}
.gantt-kart{overflow:hidden}
.gantt{display:grid;grid-template-columns:minmax(150px,230px) 1fr;--satir:38px}
.gantt-sol{border-right:1px solid var(--cizgi);background:#fff;z-index:2}
.gantt-sol .gantt-bas{height:70px;display:flex;align-items:flex-end;padding:0 12px 6px;font-size:.78rem;color:var(--gri);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--cizgi);background:var(--zemin);box-sizing:border-box}
.gantt-ad{height:var(--satir);box-sizing:border-box;padding:4px 12px;font-size:.84rem;line-height:1.2;border-bottom:1px solid var(--cizgi);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--lacivert);font-weight:600}
.gantt-ad small{display:block;color:var(--gri);font-weight:600;font-size:.7rem}
.gantt-ad.kritik{border-left:4px solid var(--kirmizi);padding-left:8px}
.gantt-sag{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}
.gantt-ic .gantt-bas{display:flex;height:70px;border-bottom:1px solid var(--cizgi);background:var(--zemin);box-sizing:border-box}
.gantt-h{box-sizing:border-box;border-right:1px solid var(--cizgi);font-size:.72rem;color:var(--gri);padding:4px 0 0 4px;overflow:hidden;white-space:nowrap;line-height:1.2}
.gantt-h span{display:block;font-weight:700;color:var(--lacivert)}.gantt-h.hs{background:#eef2f7}
/* Hafta başlığı altında gün satırı (Mesut 21 Eki "gün de yazalım"): her gün 30 px, sayı üstte, gün adı altta, Pazar ve tatil gri, bugün kırmızı */
.gantt-h{position:relative;padding-top:3px}.gantt-h small{display:block;line-height:1.1}
.gantt-gunler{position:absolute;left:0;right:0;bottom:0;display:flex;height:30px;border-top:1px solid var(--cizgi)}
.gantt-gunler i{box-sizing:border-box;font-style:normal;text-align:center;line-height:1;padding-top:3px;border-right:1px solid #e6eaf0;overflow:hidden}
.gantt-gunler i:last-child{border-right:0}.gantt-gunler i b{display:block;font-size:.72rem;color:var(--lacivert)}.gantt-gunler i em{display:block;font-style:normal;font-size:.58rem;color:var(--gri);margin-top:2px}
.gantt-gunler i.tatil{background:#eef2f7}.gantt-gunler i.tatil b{color:var(--gri)}
.ms-is-kutu{grid-column:1/-1}.ms-is-kutu select{width:100%;max-width:100%}
.puantaj-tablo .is-rozet{position:absolute;left:50%;bottom:calc(50% - 20px);transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:var(--mavi);pointer-events:none}   /* günün işi bağlı (21 Eki): sol altta mavi nokta, iş adı hücre başlığında */
.gantt-gunler i.bugun b{color:var(--kirmizi)}.gantt-gunler i.bugun em{color:var(--kirmizi);font-weight:700}
.gantt-govde{position:relative}
.gantt-izgara{position:absolute;left:0;top:0}.gantt-izgara line{stroke:var(--cizgi);stroke-width:1}.gantt-izgara rect.hs{fill:#f3f5f9}
.gantt-oklar{position:absolute;left:0;top:0;pointer-events:none}.gantt-oklar path{fill:none;stroke:#475569;stroke-width:1.6}.gantt-oklar marker path{fill:#475569;stroke:none}
.gantt .cubuk{position:absolute;height:24px;border-radius:7px;box-sizing:border-box;display:flex;align-items:center;padding:0 8px;font-size:.78rem;font-weight:700;text-decoration:none;overflow:hidden;white-space:nowrap;border:1.5px solid transparent}
.gantt .cubuk span{overflow:hidden;text-overflow:ellipsis}
.gantt .cubuk.gri{background:#cbd5e1;color:#334155}.cubuk.mavi{background:#93c5fd;color:#1e3a8a}.cubuk.turuncu{background:#fcd34d;color:#78350f}.cubuk.yesil{background:#86efac;color:#14532d}
.gantt .cubuk.kritik{border-color:var(--kirmizi);box-shadow:0 0 0 1px #fff inset}
.gantt .cubuk.gecikti::after{content:"Gecikti";margin-left:auto;padding-left:6px;color:var(--kirmizi);font-size:.7rem}
.gantt .cubuk-dis{position:absolute;height:18px;line-height:18px;font-size:.74rem;color:var(--metin);white-space:nowrap;pointer-events:none;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.gantt .elmas{position:absolute;width:18px;height:18px;transform:rotate(45deg);border-radius:3px;border:1.5px solid #334155;box-sizing:border-box}
.gantt .elmas.gri{background:#cbd5e1}.elmas.mavi{background:#93c5fd}.elmas.turuncu{background:#fcd34d}.elmas.yesil{background:#86efac}
.gantt .elmas.kritik{border-color:var(--kirmizi);border-width:2.5px}
.gantt .bugun-cizgi{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--kirmizi);z-index:3;pointer-events:none}
.gantt .bugun-cizgi span{position:absolute;top:-22px;left:-18px;background:var(--kirmizi);color:#fff;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:999px}
.gantt-ic{position:relative;padding-top:0}
.gantt-sag .gantt-ic .gantt-bas{position:relative;z-index:1}
.gantt-govde{overflow:visible}
.plan-aciklama{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;color:var(--gri);font-size:.86rem;border-top:1px solid var(--cizgi)}
.plan-aciklama .d{display:inline-block;width:26px;height:12px;border-radius:4px}
.plan-aciklama .d.gri{background:#cbd5e1}.plan-aciklama .d.mavi{background:#93c5fd}.plan-aciklama .d.turuncu{background:#fcd34d}.plan-aciklama .d.yesil{background:#86efac}
.plan-aciklama .d.kritik-ornek{background:#fff;border:2px solid var(--kirmizi)}.plan-aciklama .d.gecikti-ornek{background:#fee2e2;border:1px solid var(--kirmizi)}
.plan-aciklama .elmas-ornek{display:inline-block;width:11px;height:11px;transform:rotate(45deg);background:#cbd5e1;border:1.5px solid #334155;border-radius:2px;margin:0 6px}
.plan-sayfa .bag-kutular select[multiple]{min-height:200px;padding:6px;font-size:.95rem;background-image:none}
.plan-sayfa .bag-kutular select[multiple] option{padding:8px 6px;border-radius:6px}
.plan-sayfa .bag-kutular select[disabled]{opacity:.45}
.plan-sayfa .onay-satir{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem}
.plan-sayfa .onay-satir input{width:22px;height:22px;accent-color:var(--mavi)}
@media (max-width:899px){.plan-sayfa .suzgec-satir.dort{grid-template-columns:1fr 1fr}.plan-sayfa .suzgec-dugmeler{grid-column:1/-1}.gantt{grid-template-columns:120px 1fr}.gantt-ad{font-size:.76rem;padding:4px 8px}.plan-sayfa .bag-kutular{grid-template-columns:1fr}}
@media (max-width:520px){.plan-sayfa .suzgec-satir.dort{grid-template-columns:1fr}}
/* Gantt görünümü: takvim modeli (Mesut 15 Eki seçti) */
.gantt.takvim .gantt-ad{font-weight:600}.gantt.takvim .gantt-ad small{color:var(--gri-acik)}
.gantt.takvim .gantt-govde .gantt-izgara line{stroke:#edf1f6}.gantt.takvim .gantt-izgara rect.hs{fill:#f6f8fb}
.gantt.takvim .cubuk{height:26px;top:auto;border-radius:6px;border:0;color:#fff;font-weight:600;font-size:.8rem;padding:0 10px;transform:translateY(-1px)}
.gantt.takvim .cubuk.gri{background:#94a3b8}.gantt.takvim .cubuk.mavi{background:#3b82f6}.gantt.takvim .cubuk.turuncu{background:#f59e0b}.gantt.takvim .cubuk.yesil{background:#22c55e}
.gantt.takvim .cubuk.kritik{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--kirmizi)}
.gantt.takvim .cubuk.gecikti::after{color:#fff;background:var(--kirmizi);border-radius:999px;padding:1px 6px;font-size:.66rem}
.gantt.takvim .elmas{border:0;width:16px;height:16px}.gantt.takvim .elmas.gri{background:#94a3b8}.gantt.takvim .elmas.mavi{background:#3b82f6}.gantt.takvim .elmas.turuncu{background:#f59e0b}.gantt.takvim .elmas.yesil{background:#22c55e}
.gantt.takvim .elmas.kritik{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--kirmizi)}
.gantt.takvim .gantt-oklar path{stroke:#b6c2d1;stroke-width:1.4}.gantt.takvim .gantt-oklar marker path{fill:#b6c2d1}
.gantt.takvim .bugun-cizgi{border-left:2px solid var(--mavi)}.gantt.takvim .bugun-cizgi span{background:var(--mavi)}
.gantt.takvim .cubuk-dis{color:var(--gri);font-weight:600}
/* Organigram, model 4 kurumsal (Mesut 15 Eki 2026 seçti) */
.org-kart{padding:0;overflow:hidden}.org-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:22px 18px 18px}
.org-agac{display:flex;flex-direction:column;align-items:center;border:2px solid var(--lacivert);padding:26px 20px 30px;position:relative;min-width:max-content;background:#fff}
.org-antet{position:absolute;right:0;bottom:0;background:var(--lacivert);color:#fff;font-size:.66rem;letter-spacing:.08em;padding:5px 12px;text-transform:uppercase}
.org-agac ul{list-style:none;padding:24px 0 0;margin:0;display:flex;justify-content:center;position:relative}
.org-agac ul::before{content:"";position:absolute;top:0;left:50%;width:1.5px;height:24px;background:var(--lacivert)}
.org-agac li{position:relative;padding:20px 6px 0;display:flex;flex-direction:column;align-items:center}
.org-agac li::before{content:"";position:absolute;top:0;left:50%;width:1.5px;height:20px;background:var(--lacivert)}
.org-agac li::after{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:var(--lacivert)}
.org-agac li:first-child::after{left:50%}.org-agac li:last-child::after{right:50%}.org-agac li:only-child::after{display:none}
.org-agac ul ul ul{flex-direction:column;padding-top:10px}.org-agac ul ul ul::before{height:10px}.org-agac ul ul ul li{padding:6px 0 0}.org-agac ul ul ul li::after{display:none}.org-agac ul ul ul li::before{height:6px}
.org-agac .ok{display:block;background:#fff;border:1.5px solid var(--lacivert);min-width:200px;max-width:230px;text-align:center;text-decoration:none;color:var(--metin)}
.org-agac .ok small{display:block;background:var(--lacivert);color:#fff;padding:4px 8px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.org-agac .ok b{display:block;padding:8px 10px 2px;font-size:.98rem;color:var(--lacivert)}.org-agac .ok span{display:block;padding:0 10px 8px;color:var(--gri);font-size:.8rem}
.org-agac .ok.bos b{color:#94a3b8;font-style:italic}
.org-agac .ok.kok{min-width:240px}.org-agac .ok.ofis small{background:var(--mavi)}
.org-agac ul ul ul .ok small{background:#e2e8f0;color:var(--lacivert);font-size:.62rem}.org-agac ul ul ul .ok b{font-size:.88rem;padding-top:6px}.org-agac ul ul ul .ok span{font-size:.74rem}

@media print{.ust,.yan,.alt-sekme,.kirinti,.takvim-dugmeler,.alt-baslik,.bilgi-kutu{display:none!important}.sayfa{display:block}.org-kart{border:0;box-shadow:none}.org-kaydir{padding:0;overflow:visible}}
.org-agac ul{gap:0}.org-agac li{padding:20px 13px 0}.org-agac ul ul ul li{padding:6px 0 0}
.org-agac .yanlar{position:relative;width:100%;height:0}
.org-agac .yan-sag,.org-agac .yan-sol{position:absolute;top:22px;display:flex;flex-direction:column;gap:10px}
.org-agac .yan-sag{left:calc(50% + 56px)}.org-agac .yan-sol{right:calc(50% + 56px);align-items:flex-end}
.org-agac .yanlar .ok{position:relative;min-width:190px}
.org-agac .yanlar .ok::before{content:"";position:absolute;top:50%;width:56px;height:1.5px;background:var(--lacivert)}
.org-agac .yan-sag .ok::before{right:100%}.org-agac .yan-sol .ok::before{left:100%}
.org-agac ul.yanli{padding-top:var(--yan-h,118px)}.org-agac ul.yanli::before{height:var(--yan-h,118px)}
.org-sayfa .onay-satir{display:flex;align-items:center;gap:10px;font-weight:600}.org-sayfa .onay-satir input{width:22px;height:22px;accent-color:var(--mavi)}
.org-agac{--derin-y:284px;--derin-x:370px}
.org-agac .yan-sol .ok.derin{position:absolute;top:var(--derin-y);right:calc(var(--derin-x) - 56px);min-width:200px}
.org-agac .yan-sol .ok.derin::before{right:auto;left:50%;top:calc(22px - var(--derin-y));width:1.5px;height:calc(var(--derin-y) - 22px)}
.org-agac .yan-sol .ok.derin::after{content:"";position:absolute;left:50%;top:calc(22px - var(--derin-y));height:1.5px;width:calc(var(--derin-x) + 100px);background:var(--lacivert)}
.org-agac ul ul ul ul{padding-top:6px;padding-left:14px;align-items:stretch}.org-agac ul ul ul ul::before{display:none}
.org-agac ul ul ul ul li{padding:4px 0 0;align-items:flex-start;position:relative}.org-agac ul ul ul ul li::before{left:-8px;top:0;height:50%;width:1.5px}.org-agac ul ul ul ul li::after{display:block;left:-8px;right:auto;width:8px;top:50%;height:1.5px}
.org-agac ul ul ul ul .ok{min-width:186px;max-width:200px}.org-agac ul ul ul ul .ok small{font-size:.58rem}.org-agac ul ul ul ul .ok b{font-size:.82rem}
.org-agac ul ul ul ul li{align-items:stretch}.org-agac ul ul ul ul .ok{display:block;width:100%}
@media print{.org-agac{zoom:.62}}
.org-agac ul{width:max-content;min-width:100%}.org-agac li{flex:none}.org-agac ul ul ul,.org-agac ul ul ul ul{min-width:0}
.org-agac ul ul ul ul .ok small{display:block;width:auto}
.org-agac ul ul ul ul .ok small{width:100%;box-sizing:border-box}
.org-agac ul.dikey{flex-direction:column;align-items:stretch;padding:12px 0 0 14px;width:auto;min-width:0}
.org-agac ul.dikey::before{height:12px}
.org-agac ul.dikey > li{padding:4px 0 0;align-items:flex-start;position:relative}
.org-agac ul.dikey > li::before{left:-8px;top:0;height:50%;width:1.5px}.org-agac ul.dikey > li::after{display:block;left:-8px;right:auto;width:8px;top:50%;height:1.5px}
.org-agac ul.dikey > li > .ok{min-width:200px;max-width:230px;display:block;width:100%}
.org-agac ul.dikey > li > .ok small{background:#e2e8f0;color:var(--lacivert);font-size:.62rem}.org-agac ul.dikey > li > .ok b{font-size:.88rem;padding-top:6px}
/* Rehber (Mesut 15 Eki 2026) */
.rehber-sayfa .suzgec-satir{margin-bottom:14px}
.rehber-tablo-kart{padding:0;overflow:hidden}   /* Mesut 16 Eki: alfabetik liste */
.rehber-tablo{width:100%;border-collapse:collapse}
.rehber-tablo th{text-align:left;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gri);padding:10px 14px;border-bottom:1.5px solid var(--cizgi);background:#f8fafc;font-weight:800}
.rehber-tablo td{padding:10px 14px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.rehber-tablo tr.harf td{background:var(--mavi-acik);color:var(--mavi-koyu);font-weight:800;font-size:.85rem;padding:5px 14px}
.rehber-tablo td.ad b{color:var(--lacivert);font-size:1rem}
.rehber-tablo td.grup{color:var(--gri);font-size:.9rem}
.rehber-tablo a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--metin);white-space:nowrap}
.rehber-tablo a .ik{color:var(--mavi);flex:none}
.rehber-tablo td.posta a{white-space:normal;word-break:break-all}
.rehber-tablo .not{display:block;color:var(--gri);font-size:.85rem}
.rehber-tablo td.duz{width:52px;text-align:right}
.rehber-tablo .duzenle{display:inline-flex;width:36px;height:36px;border-radius:10px;background:var(--zemin);align-items:center;justify-content:center;color:var(--gri)}
.rehber-tablo td.bos{color:var(--gri)}.rehber-tablo .gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){.rehber-tablo thead{display:none}.rehber-tablo tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 14px;border-bottom:1px solid var(--cizgi)}
.rehber-tablo tr.harf{display:block;padding:0}.rehber-tablo td{border:0;padding:0}.rehber-tablo tr.harf td{display:block;padding:5px 14px}
.rehber-tablo td.ad,.rehber-tablo td.grup,.rehber-tablo td.tel,.rehber-tablo td.posta{grid-column:1}.rehber-tablo td.duz{grid-column:2;grid-row:1 / span 4;align-self:start}
.rehber-tablo td.tel a,.rehber-tablo td.posta a{padding:5px 0}}
/* Görevler süzgeç çubuğu: altı eşit kutu yan yana (Mesut 15 Eki 20:49 görseli), sakin görünüm (23:10 "tasarımını beğenmedim sadece") */
.gorev-arac{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;--ease-out:cubic-bezier(.23,1,.32,1)}
.gorev-arac .ga{position:relative;flex:1 1 150px;display:flex;align-items:center;height:46px;padding:0 14px;white-space:nowrap;border:1px solid var(--cizgi);border-radius:12px;background:#fff;color:var(--lacivert);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;box-sizing:border-box;margin:0;transition:transform 160ms var(--ease-out),background-color 120ms ease,border-color 120ms ease,box-shadow 120ms ease}
.gorev-arac .ga:active{transform:scale(.97)}
.gorev-arac .ga select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;padding:0 22px 0 0;height:100%;width:100%;cursor:pointer;min-height:0;text-overflow:ellipsis}
.gorev-arac .ga:has(select)::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.55;pointer-events:none}
.gorev-arac .ga-giris{cursor:text;margin-right:32px}.gorev-arac .ga-giris input{border:0;outline:0;background:transparent;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;padding:0;height:100%;width:100%;min-width:0}
.gorev-arac .ga-giris input::placeholder{color:var(--gri-acik);opacity:1;font-weight:500}.gorev-arac .ga-giris.secili input::placeholder{color:#fff}
.gorev-arac .ga-kutu{width:18px;height:18px;border:1.5px solid var(--gri-acik);border-radius:5px;margin-right:10px;flex:none;box-sizing:border-box;background:#fff;transition:background-color 120ms ease,border-color 120ms ease}
.gorev-arac .ga.secili{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.gorev-arac .ga.secili .ga-kutu{border-color:#fff;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f2a4a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
.gorev-arac .ga.secili select option{color:var(--metin)}
.gorev-arac .ga:focus-within{border-color:var(--mavi);box-shadow:0 0 0 3px #e8f0fe}
.gorev-arac .ga-temizle{flex:0 0 auto;display:inline-flex;align-items:center;height:46px;padding:0 16px;border-radius:12px;background:var(--mavi);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform 160ms cubic-bezier(.23,1,.32,1)}.gorev-arac .ga-temizle:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.gorev-arac .ga:not(.secili):hover{background:#f6f9fe;border-color:#c7d2e0}}
@media (max-width:640px){.gorev-arac .ga{flex-basis:calc(50% - 4px)}}
/* Gantt satırı: solda "İlerleme gir" düğmesi (Mesut 15 Eki 23:25 "ilerleme gir butonu koy demiştim") */
.gantt{grid-template-columns:minmax(230px,330px) 1fr}
.gantt-satir{display:flex;align-items:center;gap:8px;height:var(--satir);box-sizing:border-box;border-bottom:1px solid var(--cizgi);padding:0 6px 0 8px;position:relative}
.gantt-satir.kritik{border-left:4px solid var(--kirmizi);padding-left:4px}
.gantt-satir .gantt-ad{flex:1;min-width:0;height:auto;border:0;padding:2px 2px;text-decoration:none}
/* İş Sıra No (Mesut 18 Eki): hücre, giriş kutusu, tutamaç, yerleştirme çizgisi */
.sira-kutu{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 6px;border-radius:7px;background:var(--zemin);color:var(--lacivert);font-weight:700;font-size:.82rem;font-variant-numeric:tabular-nums;box-sizing:border-box;border:1px dashed transparent;vertical-align:middle}
.sira-kutu[tabindex]{cursor:text}.sira-kutu[tabindex]:hover,.sira-kutu[tabindex]:focus{border-color:var(--mavi);background:#fff;outline:0}.sira-kutu.duzenleniyor{padding:0;background:#fff;border-color:transparent}
.sira-giris{width:54px;height:26px;padding:0 4px;border:1.5px solid var(--mavi);border-radius:7px;font:inherit;font-weight:700;font-size:.85rem;text-align:center;box-sizing:border-box}
.liste-tablo td.sira-h{white-space:nowrap;text-align:center}
/* 22 Eki: satır başındaki + araya iş ekler (MS Project 'insert task'); fare cihazında satıra gelince belirginleşir */
.gantt-satir .sira-ekle{flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--gri-acik);color:var(--gri);background:#fff;font-size:.9rem;font-weight:700;line-height:16px;text-align:center;text-decoration:none;box-sizing:border-box;opacity:.55;transition:opacity 120ms ease,color 120ms ease,border-color 120ms ease}
.gantt-satir:hover .sira-ekle,.gantt-satir .sira-ekle:focus-visible{opacity:1}.gantt-satir .sira-ekle:hover{color:#fff;background:var(--mavi);border-color:var(--mavi);opacity:1}
.sira-tut{flex:none;width:14px;color:var(--gri-acik);cursor:grab;user-select:none;font-size:1rem;line-height:1;letter-spacing:-3px;touch-action:none}.sira-tut:hover{color:var(--mavi)}.sira-tut:active{cursor:grabbing}
@media (pointer:coarse){.sira-tut{display:none}}
.gantt-satir .sira-kutu{min-width:30px;height:22px;font-size:.76rem;padding:0 4px}
.sira-cizgi{position:absolute;height:0;border-top:3px solid var(--mavi);z-index:9;pointer-events:none}.sira-cizgi::before{content:"";position:absolute;left:4px;top:-6px;width:9px;height:9px;border-radius:50%;background:var(--mavi)}
.sira-surukleniyor{opacity:.45}body.sira-surukleme{cursor:grabbing!important;user-select:none}body.sira-surukleme .gantt{cursor:grabbing}
.plan-sirala{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--lacivert)}.plan-sirala select{height:44px;padding:0 10px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;font:inherit;font-weight:700;color:var(--lacivert)}
.gantt-satir .ilerle{flex:none;height:24px;padding:0 8px;border-radius:7px;border:0;background:var(--mavi);color:#fff;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 120ms ease}
.gantt-satir .ilerle:active{transform:scale(.97)}
.gantt-satir .ilerle.yesil{background:var(--yesil)}.gantt-satir .ilerle.turuncu{background:var(--turuncu)}.gantt-satir .ilerle.gri{background:var(--mavi)}
.ilerle-menu{position:absolute;left:8px;top:calc(100% - 4px);z-index:20;background:#fff;border:1px solid var(--cizgi);border-radius:12px;box-shadow:0 8px 24px rgba(15,42,74,.16);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:170px}
.ilerle-menu .im{border:0;border-radius:8px;padding:10px 12px;text-align:left;font-weight:700;font-size:.95rem;cursor:pointer;font-family:inherit;background:var(--gri-rozet);color:#475569}
.ilerle-menu .im.mavi{background:var(--mavi-acik);color:var(--mavi-koyu)}.ilerle-menu .im.turuncu{background:var(--turuncu-acik);color:var(--turuncu)}.ilerle-menu .im.yesil{background:var(--yesil-acik);color:var(--yesil)}
.ilerle-menu .im.secili{outline:2px solid var(--lacivert)}
/* Tamamlanan / iptal bölümleri: başlık tek parça, ok döner (Mesut 15 Eki 23:05 "bunları birleştir") */
.bitenler summary{list-style:none;cursor:pointer;display:flex;align-items:center}.bitenler summary::-webkit-details-marker{display:none}
.bitenler summary .bolum-baslik{display:inline-flex;align-items:center;gap:8px;margin:0}
.bitenler summary .ac-ok{width:8px;height:8px;border-right:2px solid var(--gri);border-bottom:2px solid var(--gri);transform:rotate(-45deg) translateY(1px);transition:transform 160ms cubic-bezier(.23,1,.32,1)}
.bitenler[open] summary .ac-ok{transform:rotate(45deg) translateY(-2px)}
.bitenler summary:active .bolum-baslik{transform:scale(.98)}
.ornek-tablo{font-size:.85rem;border-collapse:collapse;min-width:900px}.ornek-tablo th{background:var(--lacivert);color:#fff;padding:8px 10px;text-align:left;white-space:nowrap;font-size:.78rem}.ornek-tablo td{padding:8px 10px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.ornek-indir{display:flex;width:100%;min-height:60px;margin-top:14px;font-size:1.15rem;box-sizing:border-box}.ornek-indir .ik{width:22px;height:22px}
.sekmeler a.ayrik{margin-left:28px}
.bolum-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;padding:14px 14px 12px;border-bottom:1px solid var(--cizgi)}
.bolum-dugmeler{display:flex;gap:8px}.dugme.kucuk{padding:9px 14px;font-size:.92rem;min-height:0}
/* Üç aylık küçük takvim (Mesut 16 Eki 2026, Apple takvim örneği) */
.mini-takvim{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px 12px;margin-bottom:12px}
.mini-ay-ad{font-size:1.1rem;font-weight:700;color:var(--kirmizi);margin:0 0 8px 4px}
.mini-izgara{display:grid;grid-template-columns:repeat(7,1fr);gap:2px 0}
.mini-gun-ad{text-align:center;font-size:.72rem;font-weight:700;color:var(--gri-acik);padding:2px 0 6px}
.mini-gun{position:relative;display:flex;align-items:center;justify-content:center;height:34px;border-radius:8px;text-decoration:none;color:var(--metin);font-size:.95rem;font-weight:600;transition:background-color 120ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.mini-gun:active{transform:scale(.94)}
.mini-gun.hs{color:var(--gri)}.mini-gun.dis{color:#c4ccd6;font-weight:500}
.mini-gun.secili{background:var(--mavi-acik);border-radius:0}
.mini-izgara .mini-gun.secili:nth-child(7n+1){border-radius:8px 0 0 8px}.mini-izgara .mini-gun.secili:nth-child(7n){border-radius:0 8px 8px 0}
.mini-gun.isli::after{content:"";position:absolute;bottom:4px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--mavi);transform:translateX(-50%)}
.mini-gun.bugun{color:#fff;font-weight:800}.mini-gun.bugun::before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:var(--kirmizi);z-index:-1}
.mini-gun.bugun{z-index:0}.mini-gun.bugun.isli::after{background:#fff}
@media (hover:hover) and (pointer:fine){.mini-gun:hover{background:#eef2f7}.mini-gun.secili:hover{background:#d6e4fb}}
@media (max-width:899px){.mini-takvim{grid-template-columns:1fr;gap:12px}}
.pdf-satiri .dugme.yeni-is{padding:14px 20px;font-size:1.05rem;margin-right:6px}
.mini-takvim{position:relative}
.mini-ok{position:absolute;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid var(--cizgi);background:#fff;color:var(--gri);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 120ms ease}
.mini-ok.sol{right:54px}.mini-ok.sag{right:14px}.mini-ok:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.mini-ok:hover{background:#f6f9fe}}
@media (max-width:899px){.mini-ok{top:10px}}
/* mini takvim daha küçük (Mesut 16 Eki "haftalık planın sırasında daha küçük olacak takvim") */
.mini-takvim{gap:14px;padding:10px 14px 8px;margin-bottom:10px}
.mini-ay-ad{font-size:.92rem;margin:0 0 4px 2px}
.mini-gun-ad{font-size:.62rem;padding:0 0 3px}
.mini-gun{height:24px;font-size:.8rem;border-radius:6px}
.mini-gun.bugun::before{width:22px;height:22px}
.mini-gun.isli::after{bottom:2px;width:3px;height:3px}
.mini-izgara{gap:1px 0}
.mini-ok{top:8px;width:28px;height:28px;border-radius:8px}.mini-ok .ik{width:16px;height:16px}.mini-ok.sol{right:46px}.mini-ok.sag{right:12px}
/* mini takvim başlıkla aynı satırda, PDF düğmelerinin üstünde (Mesut 16 Eki) */
.baslik-takvim{align-items:flex-start;flex-wrap:nowrap;gap:16px;margin-bottom:12px}
.baslik-takvim h1{flex:none;padding-top:6px}
.baslik-takvim .mini-takvim{flex:1;min-width:0;margin-bottom:0;gap:10px;padding:8px 12px 6px}
.baslik-takvim .mini-gun{height:21px;font-size:.74rem}.baslik-takvim .mini-gun-ad{font-size:.58rem}.baslik-takvim .mini-ay-ad{font-size:.84rem;margin-bottom:2px}
.baslik-takvim .mini-gun.bugun::before{width:19px;height:19px}
@media (max-width:1100px){.baslik-takvim{flex-wrap:wrap}.baslik-takvim .mini-takvim{flex-basis:100%}}
.baslik-takvim .mini-takvim{flex:0 1 760px;margin-left:auto}
@media (min-width:1101px){.baslik-takvim .mini-takvim{margin-top:-46px}}
.gezinti-sol{display:flex;gap:8px;align-items:center}
/* Haftalık Plan: düğmeler başlığın altında alt alta, takvim sağda (Mesut 16 Eki) */
.baslik-sol{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:none}
.baslik-sol h1{padding-top:6px;margin:0}
.pdf-satiri.dikey{flex-direction:column;align-items:stretch;gap:8px;margin:0;min-width:300px}
.pdf-satiri.dikey .pdf-cift{display:flex}.pdf-satiri.dikey .pdf-cift .dugme:first-child{flex:1;justify-content:flex-start}
.pdf-satiri.dikey .dugme.yeni-is{margin:0}
@media (max-width:1100px){.baslik-sol{width:100%}.pdf-satiri.dikey{min-width:0;width:100%}}
@media (min-width:1101px){.baslik-sol{flex-direction:row;align-items:flex-start;gap:22px}.baslik-sol h1{padding-top:10px}.pdf-satiri.dikey{min-width:260px}.baslik-takvim .mini-takvim{flex:0 1 640px}}
/* düğme sütunu daha küçük (Mesut 16 Eki görseli), takvim ölçüsü aynı */
@media (min-width:1101px){.pdf-satiri.dikey{min-width:0;width:250px;gap:6px}.pdf-satiri.dikey .dugme{padding:9px 12px;font-size:.92rem}.pdf-satiri.dikey .dugme.yeni-is{padding:12px 14px;font-size:1rem}.pdf-satiri.dikey .pdf-cift .dugme.indir{padding:9px 10px}.baslik-sol{gap:18px}}
@media (min-width:1101px){.pdf-satiri.dikey{width:272px}.pdf-satiri.dikey .dugme{white-space:nowrap}}
/* Haftalık Plan üst bölge, Mesut'un 16 Eki 22:31 fotoğrafı birebir: kırıntı+başlık | düğme sütunu | çerçevesiz geniş takvim */
.baslik-blok{display:flex;flex-direction:column;gap:14px}.baslik-blok .kirinti{margin:0}.baslik-blok h1{padding:0;margin:0}
@media (min-width:1101px){
.baslik-takvim{align-items:flex-start;gap:28px;margin-bottom:14px}
.baslik-sol{gap:28px;align-items:flex-start}
.pdf-satiri.dikey{width:250px;gap:8px}
.baslik-takvim .mini-takvim{margin:0;flex:1 1 auto;max-width:none;border:0;background:transparent;padding:0 0 0 8px;gap:40px}
.baslik-takvim .mini-ay-ad{font-size:1.05rem;font-weight:600;color:#e5484d;margin:0 0 8px 2px}
.baslik-takvim .mini-gun-ad{font-size:.7rem;color:#9aa5b1;padding:0 0 6px}
.baslik-takvim .mini-gun{height:30px;font-size:.92rem;font-weight:600}
.baslik-takvim .mini-gun.dis{color:#c9d0d8;font-weight:500}.baslik-takvim .mini-gun.hs{color:#8a97a5}
.baslik-takvim .mini-gun.bugun::before{width:27px;height:27px;background:#e5484d}
.baslik-takvim .mini-ok{top:-4px}
}
/* düğmeler yüzde 30 küçük (Mesut 16 Eki) */
@media (min-width:1101px){.pdf-satiri.dikey{width:190px;gap:6px}.pdf-satiri.dikey .dugme{padding:7px 9px;font-size:.78rem;border-radius:9px;gap:5px}.pdf-satiri.dikey .dugme .ik{width:15px;height:15px}.pdf-satiri.dikey .dugme.yeni-is{padding:9px 10px;font-size:.84rem}.pdf-satiri.dikey .pdf-cift .dugme.indir{padding:7px 8px}}
@media (min-width:1101px){.baslik-takvim .mini-takvim{margin-left:34px}}
/* aralıklar: başlık | düğmeler | takvim eşit 32 px, aylar arası 32 px (Mesut "aralıkları optimize et") */
@media (min-width:1101px){.baslik-takvim{gap:32px}.baslik-sol{gap:32px}.baslik-takvim .mini-takvim{margin-left:0;gap:32px;padding:0;max-width:860px}.baslik-takvim .mini-ok.sag{right:0}.baslik-takvim .mini-ok.sol{right:34px}.baslik-takvim .mini-ay:last-child .mini-ay-ad{padding-right:72px}}
@media (min-width:1101px){.pdf-satiri.dikey{width:auto;min-width:0;flex:none}.pdf-satiri.dikey .dugme.yeni-is{width:100%;box-sizing:border-box}}
/* düğmeler yüzde 20 daha küçük (Mesut 16 Eki) */
@media (min-width:1101px){.pdf-satiri.dikey{gap:5px}.pdf-satiri.dikey .dugme{padding:5px 7px;font-size:.66rem;border-radius:8px;gap:4px}.pdf-satiri.dikey .dugme .ik{width:13px;height:13px}.pdf-satiri.dikey .dugme.yeni-is{padding:7px 8px;font-size:.72rem}.pdf-satiri.dikey .pdf-cift .dugme.indir{padding:5px 6px}}
/* yazı boyu geri, kenar boşlukları dar (Mesut 16 Eki "yazılar dursun etrafını küçült") */
@media (min-width:1101px){.pdf-satiri.dikey{gap:4px}.pdf-satiri.dikey .dugme{padding:4px 8px;font-size:.78rem;min-height:0;line-height:1.2;border-radius:8px;gap:5px}.pdf-satiri.dikey .dugme .ik{width:14px;height:14px}.pdf-satiri.dikey .dugme.yeni-is{padding:6px 8px;font-size:.84rem}.pdf-satiri.dikey .pdf-cift .dugme.indir{padding:4px 7px}}
/* düğmeler başlığın altında (Mesut 16 Eki "haftalık planın altına al") */
@media (min-width:1101px){.baslik-sol{flex-direction:column;gap:14px}.pdf-satiri.dikey{width:100%;min-width:230px}.pdf-satiri.dikey .dugme.yeni-is{width:100%}}
/* Haftalık Plan üst bölge, Model 4 "Takvim şeridi" (Mesut 16 Eki 2026 seçti): takvim en üstte tam genişlik, altında tek satır eylemler */
.hp-takvim{padding:14px 18px 8px;margin:0 0 12px;position:relative}
.hp-takvim .mini-takvim{border:0;background:transparent;padding:0;margin:0;gap:34px;max-width:none}
.hp-takvim .mini-ay-ad{font-size:1rem;font-weight:700;color:#e5484d;margin:0 0 6px 2px}
.hp-takvim .mini-gun{height:30px;font-size:.9rem}.hp-takvim .mini-gun-ad{font-size:.68rem}.hp-takvim .mini-gun.bugun::before{width:26px;height:26px;background:#e5484d}
.hp-takvim .mini-ok{top:0}.hp-takvim .mini-ok.sag{right:0}.hp-takvim .mini-ok.sol{right:38px}.hp-takvim .mini-ay:last-child .mini-ay-ad{padding-right:80px}
.hp-satir{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.hp-sol .kirinti{margin:0 0 2px}.hp-baslik{display:flex;align-items:center;gap:12px;white-space:nowrap}.hp-baslik h1{margin:0}
.hp-sag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hp-gezinti{display:flex;align-items:center;gap:6px}.hp-gezinti .mini-ok{position:static;width:36px;height:36px}
.dugme.kucuk{padding:8px 12px;font-size:.9rem;border-radius:10px;min-height:0}.hp-pasif{opacity:.55;cursor:default}
.hp-ayrac{width:1px;height:28px;background:var(--cizgi);margin:0 4px}
.hp-pdf{display:inline-flex;border:1.5px solid var(--cizgi);border-radius:12px;overflow:hidden;background:#fff}
.hp-pdf .pdf-cift{display:inline-flex;border-right:1px solid var(--cizgi)}.hp-pdf .pdf-cift:last-child{border-right:0}
.hp-pdf a{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;font-size:.86rem;font-weight:700;color:var(--mavi-koyu);text-decoration:none;white-space:nowrap}
.hp-pdf a .ik{width:15px;height:15px}.hp-pdf a.indir{padding:9px 8px;border-left:1px solid var(--cizgi);color:var(--gri)}
.dugme.hp-yeni{padding:11px 16px;font-size:.98rem}
@media (hover:hover) and (pointer:fine){.hp-pdf a:hover{background:#f6f9fe}}
@media (max-width:1180px){.hp-sag{width:100%;justify-content:flex-start}}
@media (max-width:640px){.hp-takvim .mini-takvim{grid-template-columns:1fr}.hp-ayrac{display:none}.hp-pdf{flex-wrap:wrap;border:0;gap:6px;background:transparent}.hp-pdf .pdf-cift{border:1.5px solid var(--cizgi);border-radius:10px}}
@media (max-width:640px){.hp-takvim .mini-ay:not(:first-child){display:none}}   /* telefonda yalnız görüntülenen ay */
/* Mesut 16 Eki: Yeni iş emri dar ve en sağda; Bulunduğum haftaya git iki kat */
.hp-sag{flex:1;justify-content:flex-start}
.dugme.hp-yeni{margin-left:auto;padding:9px 12px;font-size:.9rem}
.hp-gezinti .dugme.kucuk{padding:14px 26px;font-size:1.05rem;border-radius:12px}.hp-gezinti .mini-ok{width:46px;height:46px}
@media (max-width:1180px){.hp-sag{width:100%}}
.hp-sag{flex-basis:100%;flex-wrap:nowrap}   /* eylemler başlığın altında kendi satırında: oklar solda, PDF ortada, Yeni iş emri en sağda */
.hp-satir{margin-bottom:10px}
/* İş ve Zaman Planı göstergesi, açıklama cümlesi yerine (Mete 15 Eki 22:50) */
.plan-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 14px;color:var(--gri);font-size:.9rem}
.plan-legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.plan-legend .ik{width:16px;height:16px;color:var(--mavi)}
.plan-legend .lg-ayrac{width:1px;height:18px;background:var(--cizgi);margin:0 2px}
.plan-legend .lg-cubuk{display:inline-block;width:30px;height:12px;border-radius:4px;background:#94a3b8}
.plan-legend .lg-cubuk.gri{background:#94a3b8}.plan-legend .lg-cubuk.mavi{background:#3b82f6}.plan-legend .lg-cubuk.turuncu{background:#f59e0b}.plan-legend .lg-cubuk.yesil{background:#22c55e}
.plan-legend .lg-cubuk.kritik{background:#fff;border:2px solid var(--kirmizi);box-sizing:border-box}
.plan-legend .lg-elmas{display:inline-block;width:11px;height:11px;transform:rotate(45deg);background:#94a3b8;border-radius:2px;margin:0 4px}
.plan-legend .lg-bugun{display:inline-block;width:2px;height:16px;background:var(--mavi)}
.plan-legend .lg-ok{display:inline-block;width:26px;height:2px;background:#94a3b8;position:relative}.plan-legend .lg-ok::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid #94a3b8}
.plan-legend .lg-gecikti{font-style:normal;font-size:.68rem;font-weight:700;color:var(--kirmizi);background:var(--kirmizi-acik);border-radius:999px;padding:2px 7px}
.gantt{grid-template-columns:460px minmax(0,1fr)}   /* 18 Eki No hücresi ve tutamaç için 460 px; İş kolonu yüzde 30 geniş (Mete 15 Eki 22:53); 18 Eki Mesut: iş tanımı biraz daha geniş (300 -> 400 px), düğme "% gir"; sağ bölüm minmax(0,1fr) ile taşmaz */
.gorunum-sec{display:inline-flex;border:1.5px solid var(--cizgi);border-radius:999px;overflow:hidden;background:#fff;align-self:center}
.gorunum-sec a{padding:10px 16px;text-decoration:none;color:var(--gri);font-weight:700;font-size:.95rem}.gorunum-sec a.aktif{background:var(--mavi);color:#fff}
.hp-gezinti .dugme.kucuk{min-width:345px;justify-content:center}   /* yüzde 50 geniş (Mesut 16 Eki) */
/* Bulunduğum hafta ve oklar renkli (Mesut 16 Eki) */
.hp-gezinti .dugme.kucuk{background:var(--mavi);color:#fff;border-color:var(--mavi)}
.hp-gezinti .hp-pasif{background:var(--mavi-acik);color:var(--mavi-koyu);border-color:#c7d7f7;opacity:1}
.hp-gezinti .mini-ok{background:var(--mavi);border-color:var(--mavi);color:#fff}.hp-gezinti .mini-ok .ik{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.hp-gezinti .mini-ok:hover{background:var(--mavi-koyu)}}
/* gezinti düğmeleri PDF grubuyla aynı yükseklik (Mesut 16 Eki) */
.hp-gezinti .dugme.kucuk{padding:0 26px;height:42px;font-size:.98rem}.hp-gezinti .mini-ok{width:42px;height:42px}.hp-pdf{height:42px;align-items:stretch}.hp-pdf a{padding:0 11px}.hp-pdf a.indir{padding:0 8px}.dugme.hp-yeni{height:42px;padding:0 12px}
.dugme.hp-yeni{white-space:nowrap}.hp-pdf{flex:none}
.dugme.hp-yeni{min-height:0;box-sizing:border-box;line-height:1}
.hp-gezinti .dugme.kucuk{min-width:300px;min-height:0;box-sizing:border-box}
.hp-pdf a{font-size:.82rem;padding:0 9px}.hp-pdf a.indir{padding:0 7px}.hp-sag{gap:6px}
/* İş ve Zaman Planı, iş emirlerinden beslenen sürüm (16 Eki): yüzde dolgusu, tarihsiz listesi, menüdeki bağlantı, PDF çifti */
.gantt .cubuk{overflow:hidden}.gantt .cubuk .doluluk{position:absolute;left:0;top:0;bottom:0;background:rgba(0,0,0,.18);pointer-events:none}.gantt .cubuk span{position:relative}
.tarihsiz-kart h2{font-size:1.05rem;margin:0 0 4px}.tarihsiz-kart ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.tarihsiz-kart li a{display:block;padding:8px 10px;border:1px solid var(--cizgi);border-radius:10px;text-decoration:none;color:var(--metin);font-weight:600}.tarihsiz-kart li a small{display:block;color:var(--gri);font-weight:500;font-size:.78rem}
.ilerle-menu a.im{display:block;text-decoration:none;background:#fff;color:var(--mavi-koyu);border:1px dashed var(--cizgi)}
.takvim-dugmeler .pdf-cift{display:inline-flex}.takvim-dugmeler .pdf-cift .dugme{border-radius:12px 0 0 12px}.takvim-dugmeler .pdf-cift .dugme.indir{border-radius:0 12px 12px 0;border-left:1px solid #c7d7f7;padding-left:10px;padding-right:10px}
.puantaj-rapor{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.puantaj-rapor label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;color:var(--gri)}.puantaj-rapor input[type=date]{height:42px;padding:0 10px;border:1.5px solid var(--cizgi);border-radius:12px;font:inherit;font-size:.95rem}.puantaj-rapor .dugme{height:42px;padding:0 14px;white-space:nowrap}
/* Araç sırası: Haftalık Plan ölçüsü (42 px, dar yazı), Yeni iş emri en sağda (Mesut 16 Eki "butonlar hala optimize değil") */
.arac-sira{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arac-sira .dugme{height:42px;min-height:0;padding:0 14px;font-size:.92rem;box-sizing:border-box;white-space:nowrap}
.arac-sira .pdf-cift .dugme{border-radius:12px}.arac-sira .pdf-cift .dugme+.dugme.indir{border-radius:0 12px 12px 0;margin-left:-1px}.arac-sira .pdf-cift .dugme:not(:last-child):not(:only-child){border-radius:12px 0 0 12px}
.arac-sira .dugme.hp-yeni{margin-left:4px}
.pencere-satir{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}.pencere-satir b{color:var(--lacivert,#0f2a4a)}.pencere-satir .alt-baslik{margin:0}
/* Saha Medya, ana sayfa altı (Mesut 16 Eki) */
.saha-medya{margin-top:16px}.medya-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.medya-izgara .medya{display:block;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--metin);background:#fff}   /* yalnız Saha Medya kartı; önceden .medya'yı da yakalayıp iş emri ek düğmelerini bozuyordu (16 Eki) */
.medya img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef2f7}
.medya span{display:block;padding:8px 10px;font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medya span small{display:block;color:var(--gri);font-weight:500;font-size:.74rem;margin-top:2px}
@media (max-width:640px){.medya-izgara{grid-template-columns:repeat(2,1fr);gap:8px}}
.saha-medya .kart-baslik a.ac-kapa{text-decoration:none;color:var(--mavi-koyu);display:inline-flex;align-items:center;gap:4px}
/* ---------- Saha Medya (16 Eki 2026, mockup 2) ---------- */
.sm-duzen{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.sm-kart-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sm-kart-bas small{font-size:.72rem;letter-spacing:.1em;font-weight:800;color:var(--gri);display:inline-flex;align-items:center;gap:6px}.sm-kart-bas h2{font-size:1rem;margin:0}
.sm-ay{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px}.sm-ay b{font-size:1.02rem;color:var(--lacivert)}
.sm-sayfa .ok{width:32px;height:32px;border:1px solid var(--cizgi);border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--gri);text-decoration:none}.sm-sayfa .ok .ik{width:16px;height:16px}
.sm-izgara{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.sm-izgara>span{text-align:center;font-size:.68rem;font-weight:700;color:var(--gri-acik);padding-bottom:4px}
.sm-izgara .g{position:relative;display:flex;align-items:center;justify-content:center;height:36px;border-radius:9px;font-size:.9rem;font-weight:600;color:var(--metin);text-decoration:none}
.sm-izgara .g.dis{color:#c9d0d8;font-weight:500}.sm-izgara .g.gelecek{cursor:default}.sm-ay .ok.pasif,.sm-gun-ok .ok.pasif{opacity:.3;pointer-events:none}   /* takvim ileri gitmez (Mesut 16 Eki) */.sm-izgara .g.bugun{box-shadow:inset 0 0 0 2px var(--mavi)}.sm-izgara .g.secili{background:var(--mavi);color:#fff}
.sm-izgara .g i{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:flex;gap:3px}.sm-izgara .g b,.sm-aciklama b{width:5px;height:5px;border-radius:50%;display:inline-block}.sm-izgara b.s,.sm-aciklama b.s{background:var(--mavi)}.sm-izgara b.i,.sm-aciklama b.i{background:var(--yesil)}.sm-izgara .g.secili b{background:#fff}
.sm-aciklama{display:flex;gap:14px;justify-content:center;font-size:.74rem;color:var(--gri);margin-top:6px}.sm-aciklama span{display:inline-flex;align-items:center;gap:5px}
.sm-bugun{display:block;text-align:center;margin-top:8px;font-size:.84rem;font-weight:700;color:var(--mavi-koyu);text-decoration:none;border-top:1px solid var(--cizgi);padding-top:8px}
.sm-noktalar{margin-top:14px}.sm-nokta{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--cizgi)}.sm-nokta .kod{flex:none;width:38px;height:30px;border-radius:7px;background:var(--zemin);border:1px solid var(--cizgi);font-size:.68rem;font-weight:800;color:var(--gri);display:inline-flex;align-items:center;justify-content:center}
.sm-nokta div{flex:1;min-width:0}.sm-nokta b{display:block;font-size:.92rem}.sm-nokta small{display:block;color:var(--gri);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-nokta .durum{flex:none;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.sm-nokta .durum .ik{width:14px;height:14px}.sm-nokta .durum.tamam{color:var(--yesil);background:var(--yesil-acik)}.sm-nokta .durum.bekliyor{color:var(--turuncu);background:var(--turuncu-acik)}
.sm-ekle{display:block;text-align:center;padding:10px;margin-top:6px;border-top:1px solid var(--cizgi);font-weight:700;color:var(--mavi-koyu);text-decoration:none;font-size:.9rem}
.sm-ipucu{display:flex;gap:6px;align-items:flex-start;font-size:.8rem;margin:10px 4px 0}.sm-ipucu .ik{flex:none;width:16px;height:16px;margin-top:2px}
.sm-gun{display:flex;align-items:center;gap:14px}.sm-tarih-kutu{flex:none;width:62px;height:62px;border-radius:12px;background:var(--mavi-acik);color:var(--mavi-koyu);display:flex;flex-direction:column;align-items:center;justify-content:center}.sm-tarih-kutu small{font-size:.62rem;font-weight:800;letter-spacing:.08em}.sm-tarih-kutu b{font-size:1.6rem;line-height:1}
.sm-gun-metin{flex:1;min-width:0}.sm-gun-metin h2{margin:0;font-size:1.25rem}.sm-gun-metin span{color:var(--gri);font-size:.86rem}.sm-gun-ok{display:flex;gap:6px}
.sm-icerik{margin-top:14px}.sm-sekmeler{display:flex;gap:4px;border-bottom:1px solid var(--cizgi);margin:0 0 14px}.sm-sekmeler a{padding:10px 14px;text-decoration:none;color:var(--gri);font-weight:700;border-bottom:2px solid transparent;margin-bottom:-1px}.sm-sekmeler a.aktif{color:var(--mavi-koyu);border-color:var(--mavi)}.sm-sekmeler a span{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--mavi-acik);color:var(--mavi-koyu);font-size:.74rem}
.sm-bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.sm-bolum-bas h3{margin:0;font-size:1.02rem;display:inline-flex;align-items:center;gap:8px}.sm-bolum-bas h3 .ik{width:18px;height:18px;color:var(--gri)}.sm-bolum-bas small{color:var(--gri);font-size:.8rem}
.sm-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sm-medya-kart{border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;background:#fff}.sm-medya-kart .gorsel{position:relative;display:block;aspect-ratio:4/3;background:#eef2f7}.sm-medya-kart img{width:100%;height:100%;object-fit:cover;display:block}
.sm-medya-kart .kod,.sm-kucukler .etiket{position:absolute;left:8px;top:8px;background:var(--lacivert);color:#fff;font-size:.68rem;font-weight:800;padding:3px 7px;border-radius:6px}
.sm-medya-kart .tur,.sm-kucukler .tur{position:absolute;right:8px;bottom:8px;background:rgba(15,42,74,.85);color:#fff;font-size:.68rem;font-weight:700;padding:3px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.sm-medya-kart .tur .ik,.sm-kucukler .tur .ik{width:12px;height:12px}
.video-kutu{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1f2a38;color:#fff}.video-kutu .ik{width:28px;height:28px}
.sm-medya-kart .alt{padding:10px 12px}.sm-medya-kart .alt b{display:block;font-size:.95rem}.sm-medya-kart .alt small{display:block;color:var(--gri);font-size:.78rem;margin-top:2px}.sm-medya-kart .gecmis{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--cizgi);font-size:.8rem;color:var(--gri);text-decoration:none}.sm-medya-kart .gecmis .ik{width:14px;height:14px}
.sm-bekleyen{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid #fcd9a6;background:#fff8ec;border-radius:10px;font-size:.86rem;color:var(--turuncu)}.sm-bekleyen .ik{width:16px;height:16px}.sm-bekleyen button{margin-left:auto;border:0;background:transparent;color:var(--turuncu);font:inherit;font-weight:700;cursor:pointer}
.sm-album{border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;margin-bottom:12px}.sm-album .bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sm-album .bas .saat{color:var(--gri);font-size:.84rem}.sm-album .bas b{font-size:1rem;flex:1}.sm-album .yer{display:inline-flex;align-items:center;gap:4px;color:var(--gri);font-size:.8rem;margin-top:4px}.sm-album .yer .ik{width:13px;height:13px}.sm-album p{margin:6px 0 0;color:var(--metin);font-size:.9rem}
.sm-kucukler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}.sm-kucukler a{position:relative;display:block;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#eef2f7}.sm-kucukler img{width:100%;height:100%;object-fit:cover;display:block}
.sm-album .alt{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid var(--cizgi);font-size:.8rem}.sm-album .alt .kim{color:var(--gri)}.sm-album .alt a{color:var(--mavi-koyu);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.sm-album .alt a .ik{width:14px;height:14px}
.sm-dialog{border:0;border-radius:16px;padding:0;width:min(720px,94vw);box-shadow:0 20px 60px rgba(15,42,74,.3)}.sm-dialog::backdrop,.sm-lightbox::backdrop{background:rgba(15,42,74,.55)}
.sm-dialog form{padding:20px 22px}.sm-dialog .d-bas{position:relative;margin-bottom:12px}.sm-dialog .d-bas small{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:var(--mavi-koyu)}.sm-dialog .d-bas h2{margin:2px 0 0;font-size:1.4rem}.sm-dialog .d-bas p{margin:2px 0 0;color:var(--gri);font-size:.9rem}
.sm-dialog .kapat,.sm-lightbox .kapat{position:absolute;right:0;top:0;width:36px;height:36px;border:1px solid var(--cizgi);border-radius:9px;background:#fff;font-size:1rem;cursor:pointer}
.sm-dialog label{display:block;margin-top:10px;font-weight:700;font-size:.9rem}.sm-dialog input,.sm-dialog select,.sm-dialog textarea{width:100%;margin-top:4px;padding:10px 12px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit}
.sm-dosya-kutular{margin-top:14px}.sm-dosya{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;border:2px dashed #c7d7f7;border-radius:12px;background:#f6f9fe;text-align:center;cursor:pointer;margin-top:10px}.sm-dosya .ik{width:26px;height:26px;color:var(--mavi)}.sm-dosya b{color:var(--mavi-koyu)}.sm-dosya span{font-size:.8rem;color:var(--gri)}.sm-dosya input{display:none}
.sm-lightbox{border:0;border-radius:16px;padding:0;width:min(1100px,96vw);max-height:94dvh;overflow:auto;box-shadow:0 20px 60px rgba(15,42,74,.3)}
.sm-lightbox .lb-bas{position:relative;padding:16px 20px;border-bottom:1px solid var(--cizgi)}.sm-lightbox .lb-bas b{font-size:1.15rem;display:block}.sm-lightbox .lb-bas small{color:var(--gri)}.sm-lightbox .lb-bas .kapat{right:16px;top:14px}
.lb-sahne{position:relative;background:#1f2a38;min-height:320px;display:flex;align-items:center;justify-content:center}.lb-sahne img,.lb-sahne video{max-width:100%;max-height:70dvh;display:block}
.lb-ok{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.9);cursor:pointer;display:flex;align-items:center;justify-content:center}.lb-ok.sol{left:14px}.lb-ok.sag{right:14px}.lb-ok .ik{width:18px;height:18px}
.lb-alt{display:flex;justify-content:space-between;gap:12px;padding:12px 20px 0;color:var(--gri);font-size:.9rem}.lb-alt p{margin:0;color:var(--metin)}
.lb-kucukler{display:flex;gap:8px;padding:12px 20px 18px;overflow-x:auto}.lb-kucukler button{position:relative;flex:none;width:96px;height:64px;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#eef2f7;padding:0;cursor:pointer}.lb-kucukler button.secili{border-color:var(--mavi)}.lb-kucukler img{width:100%;height:100%;object-fit:cover}.lb-kucukler i{position:absolute;left:4px;top:4px;background:var(--lacivert);color:#fff;font-size:.62rem;font-weight:800;padding:2px 5px;border-radius:5px;font-style:normal}
.sm-ust-etiket{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:var(--mavi-koyu)}
@media (max-width:900px){.sm-duzen{grid-template-columns:1fr}.sm-sol{order:2}}
/* İlerleme medyası kuyruğu (16 Eki): seçilen dosyalar listesi, başka medya sorusu */
.sm-kuyruk{margin-top:12px;border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px;background:#fff}.sm-kuyruk-bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sm-kuyruk-bas small{color:var(--gri);font-size:.78rem}
.sm-kuyruk ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow:auto}.sm-kuyruk li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cizgi);border-radius:9px}
.sm-kuyruk li .ad{flex:1;min-width:0;font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-kuyruk li .ad small{display:block;color:var(--gri);font-weight:500;font-size:.74rem}
.sm-kuyruk li .et{font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--mavi-acik);color:var(--mavi-koyu)}.sm-kuyruk li .et.detay{background:var(--turuncu-acik);color:var(--turuncu)}
.sm-kuyruk li button{border:0;background:transparent;color:var(--gri);cursor:pointer;font-size:1rem}
.sm-soru{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--mavi-acik)}.sm-soru b{display:block;margin-bottom:8px;font-size:.92rem}.sm-soru div{display:flex;gap:8px;flex-wrap:wrap}.sm-soru .dugme.kucuk{height:38px;padding:0 14px;font-size:.88rem}
.sm-dialog label.sm-dosya{display:flex}.sm-dialog{max-height:92dvh;overflow:auto}
/* Konum işaretle: kat planı ve kare ızgarası (Mesut 16 Eki, Saha_Medya_Konum.pptx) */
.sm-konum{margin-top:4px}.sm-konum-sekme{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sm-konum-sekme [data-plan]{border:1.5px solid var(--cizgi);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:.86rem;font-weight:700;color:var(--gri);cursor:pointer}.sm-konum-sekme [data-plan].aktif{background:var(--mavi);border-color:var(--mavi);color:#fff}
.sm-konum-secim{margin-left:auto;font-size:.82rem;color:var(--gri)}.sm-konum-sil{border:0;background:transparent;color:var(--kirmizi);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.sm-plan{position:relative;margin-top:8px;border:1px solid var(--cizgi);border-radius:10px;overflow:hidden;background:#fff}.sm-plan img{display:block;width:100%;height:auto}
.sm-plan-izgara{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--s),1fr);grid-template-rows:repeat(var(--r),1fr)}.sm-plan-izgara i{border:1px solid rgba(37,99,235,.18);cursor:crosshair}.sm-plan-izgara i:hover{background:rgba(37,99,235,.18)}.sm-plan-izgara i.secili{background:rgba(37,99,235,.55);border-color:var(--mavi);box-shadow:inset 0 0 0 2px #fff}
.sm-isaret{position:absolute;width:22px;height:22px;border-radius:50%;background:rgba(37,99,235,.35);border:3px solid var(--mavi);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(37,99,235,.15)}
.sm-konum-dialog{width:min(980px,96vw)}.sm-konum-dialog .d-bas h2{font-size:1.1rem}
.sm-zaman{display:inline-block;margin-left:12px;padding:4px 10px;border-radius:999px;background:var(--mavi-acik);color:var(--mavi-koyu);font-size:.8rem;font-weight:700;vertical-align:middle}
.sm-dialog textarea.sm-tek-satir{min-height:0;height:44px;resize:vertical}
/* Adlı mekan çokgenleri, mekan raporu, kayıt düzenleme (16 Eki 02:45) */
.sm-plan-svg{position:absolute;inset:0;width:100%;height:100%}.sm-plan-svg polygon{fill:rgba(37,99,235,.14);stroke:rgba(37,99,235,.7);stroke-width:2;cursor:pointer;vector-effect:non-scaling-stroke}
.sm-plan-svg polygon.taslak{stroke-dasharray:6 4}.sm-plan-svg polygon.secili{fill:rgba(37,99,235,.55);stroke:#1d4ed8;stroke-width:3}.sm-plan-svg polygon.dolu{fill:rgba(21,128,61,.22);stroke:rgba(21,128,61,.8)}
.sm-plan.goster .sm-plan-svg polygon{cursor:default}.sm-plan-tikla .sm-plan-svg polygon{cursor:pointer}
.sm-plan-izgara i{border-color:rgba(37,99,235,.08)}
.sm-mekan-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin-top:12px}.sm-mekan-liste a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--cizgi);border-radius:9px;text-decoration:none;color:var(--metin);font-size:.88rem;font-weight:600}.sm-mekan-liste a.dolu{border-color:#86efac;background:#f0fdf4}.sm-mekan-liste a .kod{font-size:.68rem;font-weight:800;color:var(--gri);background:var(--zemin);border-radius:6px;padding:2px 6px}.sm-mekan-liste a small{color:var(--gri);font-weight:500}.sm-mekan-liste a b{margin-left:auto;background:var(--mavi-acik);color:var(--mavi-koyu);border-radius:999px;padding:1px 8px;font-size:.76rem}
.sm-dialog-form label{display:block;margin-top:10px;font-weight:700;font-size:.9rem}.sm-dialog-form input,.sm-dialog-form select,.sm-dialog-form textarea{width:100%;margin-top:4px;padding:10px 12px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit}
.sm-dosya-kart{position:relative;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#eef2f7}.sm-dosya-kart img{width:100%;height:100%;object-fit:cover;display:block}.sm-dosya-kart .etiket{position:absolute;left:8px;top:8px;background:var(--lacivert);color:#fff;font-size:.68rem;font-weight:800;padding:3px 7px;border-radius:6px}.sm-dosya-kart button{position:absolute;right:6px;top:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(185,28,28,.9);color:#fff;cursor:pointer;font-size:.9rem}
.duzenle-kucuk{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--mavi-koyu);text-decoration:none;font-weight:700}.duzenle-kucuk .ik{width:13px;height:13px}
.dugme.hp-yeni.pasif{opacity:.5;cursor:not-allowed}
.sm-gorev-album{margin:6px 0 10px}.sm-gorev-album small{color:var(--gri);font-size:.8rem}
/* İşlem satırı hizası (Mesut 16 Eki "biri aşağıda biri yukarıda"): bağlantı, form düğmesi ve özet aynı yükseklik, aynı yazı boyu, dikey ortalı */
.satir-islem{align-items:center}.satir-islem form{margin:0;display:inline-flex;align-items:center}
.satir-islem a,.satir-islem .kaldir-dugme,.satir-islem summary{font-size:1rem;font-weight:700;line-height:1;min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 2px;margin:0;font-family:inherit}
.kaldir-dugme{font-family:inherit;font-size:1rem;line-height:1}
.arac-sira,.takvim-dugmeler{align-items:center}.takvim-dugmeler form{margin:0}
.konum-kutu #mekan{width:100%;padding:12px 14px;border:1.5px solid var(--cizgi);border-radius:12px;font:inherit;font-size:1.05rem;margin-top:6px}
/* İş birimi hızlı seçim (Mesut 16 Eki): dört düğme, altında tam liste */
.birim-hizli{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 8px}.birim-hizli button{height:46px;border:1.5px solid var(--cizgi);border-radius:12px;background:#fff;font:inherit;font-size:.95rem;font-weight:700;color:var(--metin);cursor:pointer;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.birim-hizli button.secili{background:var(--mavi);border-color:var(--mavi);color:#fff}
@media (max-width:640px){.birim-hizli{grid-template-columns:repeat(3,1fr)}}
/* İlerleme gir: Konum kartı ile iş listesi yan yana (Mesut 16 Eki) */
.ilerleme-duzen{display:grid;grid-template-columns:460px 1fr;gap:16px;align-items:start}.ilerleme-duzen>.kart,.ilerleme-duzen>#liste{margin-top:14px}.ilerleme-duzen .bitenler{grid-column:2}
@media (max-width:1100px){.ilerleme-duzen{grid-template-columns:1fr}.ilerleme-duzen .bitenler{grid-column:auto}}
/* İş birimi: üç düğme ve liste yan yana (Mesut 16 Eki) */
.birim-satir{display:flex;gap:8px;align-items:stretch;margin:6px 0 8px}.birim-satir .birim-hizli{flex:3;margin:0}.birim-satir select{flex:2;min-width:150px;margin:0;height:46px}
.ilerleme-duzen .secenekler.genis span{padding:12px 8px}
@media (max-width:760px){.birim-satir{flex-direction:column}.birim-satir .birim-hizli{grid-template-columns:repeat(3,1fr)}}
.birim-satir .birim-hizli button{font-size:.86rem;padding:0 4px}.birim-satir select{flex:1.3;min-width:130px;font-size:.95rem}
.ilerleme-duzen .secenekler.genis span,.konum-kutu .secenekler.genis span{padding:12px 6px;font-size:.95rem;gap:5px}
/* İlerleme formları: başlık solda, Hazırlayan/Tarih/Evrak kutusu sağ boşlukta (Mesut 16 Eki) */
.ust-izgara .kutu-bilgi{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 18px;margin:0 0 14px;grid-template-columns:1fr 1.35fr 1fr;gap:12px}.ust-izgara .kutu-bilgi span{display:block;overflow-wrap:anywhere;white-space:normal}
@media (min-width:861px){.ust-izgara{display:grid;grid-template-columns:1.6fr 1fr;gap:0 16px;align-items:start}.ust-izgara .bas{grid-column:1}.ust-izgara .kutu-bilgi{grid-column:2;align-self:start;margin-top:4px}}
@media (min-width:861px){.ust-izgara .kutu-bilgi{align-self:end;margin:0 0 16px}.ust-izgara .bas .alt-baslik{margin-bottom:16px}}
/* İlerleme gir listesi: her iş iki satır (Mesut 16 Eki) */
.secim-kart .iki-satir .satir1{display:flex;align-items:center;gap:12px;min-width:0}.secim-kart .iki-satir .satir1 b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secim-kart .iki-satir .satir1 .meta{flex:none;display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.86rem}
.secim-kart .iki-satir .satir2{display:flex;align-items:center;gap:12px;margin-top:4px}.secim-kart .iki-satir .satir2 .no{flex:none;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.secim-kart .iki-satir .satir2 .cubuk{flex:1;margin:0}
@media (max-width:700px){.secim-kart .iki-satir .satir1{flex-wrap:wrap}.secim-kart .iki-satir .satir2{flex-wrap:wrap}.secim-kart .iki-satir .satir2 .no{max-width:100%}}
/* Mesut 16 Eki: çubuk üçüncü satırda, hepsi aynı hizadan başlar */
.secim-kart .iki-satir .satir2{display:block}.secim-kart .iki-satir .satir2 .no{display:block;max-width:100%}.secim-kart .iki-satir .satir2 .cubuk{display:block;margin-top:6px;width:100%}
/* ===== Ana sayfa B planı (Mesut onayı 16 Eki): proje şeridi, iki satırlı iş satırları, iş birimleri, telefon üst çubuğu ===== */
.proje-serit{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 22px;margin-bottom:14px;display:flex;align-items:center;gap:24px;box-shadow:0 1px 2px rgba(15,42,74,.04)}
.ps-sol{flex:1;min-width:0}
.ps-sol>small{display:flex;align-items:center;gap:8px;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--mavi);margin-bottom:4px}
.ps-oran{display:flex;align-items:center;gap:16px}
.ps-oran>b{font-size:2rem;line-height:1;color:var(--lacivert);letter-spacing:-.02em}
.ps-cubuk{flex:1;display:flex;align-items:center;gap:14px;min-width:0}
.ps-cubuk .cubuk{flex:1;margin:0;height:10px}
.ps-cubuk span{color:var(--gri);font-size:.9rem;white-space:nowrap}
.proje-serit .pano-sayilar{flex:none}
.proje-serit .pano-sayilar b{font-size:1.5rem}
.proje-serit .pano-sayilar div{padding:0 22px}
.proje-serit .pano-sayilar div:last-child{padding-right:0}
.ps-uyari{display:none}
@media (max-width:720px){
 .proje-serit{flex-wrap:wrap;gap:14px;padding:14px 16px}
 .ps-sol{flex-basis:100%}
 .ps-marka{display:none}
 .ps-cubuk{flex-direction:column;align-items:stretch;gap:4px}
 .ps-cubuk span{white-space:normal}
 .proje-serit .pano-sayilar{flex-basis:100%;display:flex}
 .proje-serit .pano-sayilar div{flex:1;padding:0 12px}
 .proje-serit .pano-sayilar div:first-child{padding-left:0;border-left:0}
 .ps-uyari{display:flex;align-items:flex-start;gap:8px;flex-basis:100%;background:var(--kirmizi-acik);color:var(--kirmizi);border-radius:12px;padding:10px 12px;font-weight:700;font-size:.95rem;line-height:1.35}
 .ps-uyari .ik{width:18px;height:18px;flex:none;margin-top:2px}
}
.atanan-bas h2{font-size:1.45rem}
.devam-not{margin:-6px 0 6px;font-size:.9rem}
.bs{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"villa orta bitis yuzde dugme";align-items:center;gap:0 18px;padding:12px 0;border-top:1px solid var(--cizgi)}
.bs:first-of-type{border-top:0}
.bs .villa{grid-area:villa}
.bs-orta{grid-area:orta;min-width:0}
.bs-ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--lacivert);font-weight:700;font-size:1.02rem;text-decoration:none;line-height:1.3}
.bs-orta small{display:block;color:var(--gri);font-size:.86rem;margin-top:2px}
.bs-rozet{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.bs-bitis{grid-area:bitis;color:var(--gri);font-size:.9rem;line-height:1.35;min-width:110px}
.bs-bitis b{color:var(--lacivert)}.bs-bitis b.gecti{color:var(--kirmizi)}
.bs-yuzde{grid-area:yuzde;width:76px;text-align:center}
.bs-yuzde b{display:block;font-size:1.5rem;font-weight:800;color:var(--lacivert);line-height:1;letter-spacing:-.02em}
.bs-yuzde .cubuk{margin-top:6px;height:5px}
.bs-dugme{grid-area:dugme;display:flex;gap:8px}
.bs-dugme .dugme{min-height:42px;padding:0 14px;font-size:.95rem;background:#fff;color:var(--mavi-koyu);border:1.5px solid #c7d7f7;white-space:nowrap}
.bs-dugme .dugme .ik{width:1.1em;height:1.1em}
.bs-tel{display:none}
@media (max-width:720px){
 .bs{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"villa orta orta" "tel tel dugme";gap:10px 12px;align-items:start}
 .bs .villa{width:40px;height:40px;font-size:.95rem}
 .bs-bitis,.bs-yuzde,.bs-rozet,.web-ic{display:none}
 .bs-tel{grid-area:tel;display:flex;flex-direction:column;align-items:flex-start;gap:2px;align-self:center}
 .bs-tel b{font-size:1.4rem;font-weight:800;color:var(--lacivert);line-height:1}
 .bs-tel span{color:var(--gri);font-size:.88rem}
 .bs-tel span.gecti{color:var(--kirmizi);font-weight:700}
 .bs-dugme{align-self:center;justify-self:end}
 .bs-dugme .dugme{padding:0 10px;font-size:.9rem}
}
/* iş birimleri: başlayanlar kart (5 ve altı tek sıra, fazlası 3 sütun), sıfırlar etiket satırı, boş hücreye hafta kartı */
.birim-izgara{--sutun:3;grid-template-columns:repeat(var(--sutun),1fr);gap:1px;background:var(--cizgi)}
.birim-izgara details{border:0}
.hafta-hucre{display:flex;background:#fff}
@media (min-width:901px){.hafta-hucre.hh-tel:not(.hh-web){display:none}}
@media (max-width:900px){.birim-izgara{grid-template-columns:1fr 1fr}.hafta-hucre.hh-web:not(.hh-tel){display:none}}
@media (max-width:520px){.birim-izgara{grid-template-columns:1fr 1fr}.birim-izgara details{padding:12px 14px 14px}.birim-izgara details summary{margin:-12px -14px -14px;padding:12px 14px 14px}.birim-izgara .birim-ust{font-size:.98rem}.birim-izgara .birim-ust b{font-size:1.05rem}}
.birim-sifir{padding:12px 22px;border-top:1px solid var(--cizgi);display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--gri);font-size:.9rem}
.birim-sifir a{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--gri-rozet);color:#475569;font-weight:700;font-size:.85rem;text-decoration:none}
.birim-sifir a small{font-weight:600;color:var(--gri)}
@media (max-width:520px){.birim-sifir{padding:12px 16px}}
/* son listeler: iş adı en çok 2 satır, telefonda durum alt satırda, yüzde ile yazı arasında boşluk */
.satir .orta b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.satir.son-ilerleme{display:block}.satir.son-ilerleme>b{display:block;color:var(--lacivert)}
.son-ilerleme-alt{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:2px}.son-ilerleme-alt small{color:var(--gri);min-width:0}.son-ilerleme-alt .oran,.son-ilerleme-alt .rozet{flex:none}
.tel-durum{display:none}
@media (max-width:720px){.son-emir .rozet{display:none}.tel-durum{display:inline}}
/* üst çubuk telefonda tek satır, yana kaymaz; tarih gizli, başlık üç nokta; yağmur ikonu ana sayfada gizli (şeritte tam yazıyor) */
.ust .logo .logo-ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:899px){
 .ust{gap:8px;padding:10px 12px;flex-wrap:nowrap;overflow:hidden}
 .ust .logo{flex:1 1 auto;min-width:0}
 .ust .sag{flex:none;gap:8px}
 .ust .tarih{display:none}
 .hava{gap:8px;margin-right:0}.hava-bugun span{display:none}.hava-bugun .ik{width:26px;height:26px}.hava-bugun b{font-size:1.3rem}
 .hava-uyari{padding:6px;max-width:none}.hava-uyari span{display:none}
 body.sayfa-ana .hava-uyari{display:none}
}
/* İlerleme gir sayfası: sağ kart taşıp sayfayı yana kaydırıyordu (Mesut 16 Eki) */
.ilerleme-duzen{grid-template-columns:460px minmax(0,1fr)}.ilerleme-duzen>*{min-width:0}
@media (max-width:1100px){.ilerleme-duzen{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.bs-tel .rozet{font-size:.8rem;padding:4px 9px}.proje-serit .pano-sayilar span{font-size:.85rem;line-height:1.2;display:block}.proje-serit .pano-sayilar b{font-size:1.4rem}}
/* yana kayma: ikili alanlarda tarih kutusu hücreyi aşıyordu (Excel listeleri, 16 Eki); İlerleme gir listesinde uzun sorumlu adı */
.ikili>*{min-width:0}.ikili input,.ikili select{max-width:100%;min-width:0}
@media (max-width:700px){.secim-kart .iki-satir .satir1 .meta{flex-wrap:wrap;max-width:100%}}
/* Görevler tablosu: ana sayfadaki satır düzeni (tek rozet, lacivert yüzde + çubuk, beyaz çerçeveli İlerleme gir ve Foto ekle) (Mesut 16 Eki) */
.liste-tablo td.oran-h .oran-cubuk{display:flex;align-items:center;gap:6px;margin-top:4px}.liste-tablo td.oran-h .oran-cubuk .oran{color:var(--lacivert);font-size:1rem}.liste-tablo td.oran-h .oran-cubuk .cubuk{flex:1;margin:0;height:5px}
.liste-tablo .is-dugmeler{display:flex;flex-direction:column;gap:6px}
.liste-tablo .ilerleme-dugme{background:#fff;color:var(--mavi-koyu);border:1.5px solid #c7d7f7;min-height:38px;padding:0 10px;font-size:.9rem;white-space:nowrap;justify-content:center}
.liste-tablo .ilerleme-dugme .ik{width:1.05em;height:1.05em}
@media (min-width:1100px){.is-emirleri .liste-tablo .ilerleme-dugme{padding:0 6px;font-size:.82rem;white-space:nowrap;width:100%;line-height:1.15;min-height:34px}}
/* ikili alanlarda kutular aynı çizgide; etiket iki satıra düşünce biri aşağıda biri yukarıda kalıyordu (Mesut 16 Eki) */
.ikili{align-items:start}
.sm-dialog .ikili input,.sm-dialog .ikili select{font-size:1rem;min-height:50px;box-sizing:border-box}   /* Mahal ve Kat / mahal aynı boy (Mesut 16 Eki) */
/* İlerleme gir ve iş emri konum kartı: "Tüm iş birimleri" seçicisi hızlı düğmelerle aynı boy (Mesut 16 Eki) */
.birim-satir select{height:46px;min-height:46px;padding-top:0;padding-bottom:0;line-height:44px}
/* İlerleme gir listesi: Seç yerine ana sayfadaki İlerleme gir + Foto ekle (Mesut 16 Eki) */
.secim-kart .bs-dugme{flex:none;align-self:center}
@media (max-width:700px){.secim-kart .ust-satir{flex-wrap:wrap}.secim-kart .bs-dugme{width:100%;justify-content:flex-end;margin-top:8px}}
/* Saha Medya penceresi: Mahal düğmeleri ve harita, iş emri formundaki Konum kartı gibi (Mesut 16 Eki) */
.sm-dialog .secenekler.sm-mahal{display:flex;gap:8px;margin-top:6px}.sm-dialog .secenekler.sm-mahal label{display:flex;margin:0;font-size:1rem}.sm-dialog .secenekler.sm-mahal input[type=radio]{width:auto;margin:0}
/* İlerleme gir listesi: sol konum kartı yüzünden dar, satır her genişlikte telefon düzeninde (Mesut 16 Eki) */
.bs-dar .bs{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"villa orta orta" "tel tel dugme";gap:8px 12px;align-items:start;border-top:0;padding:0}
.bs-dar{padding:12px 0;border-top:1px solid var(--cizgi)}.bs-dar:first-of-type{border-top:0}
.bs-dar .bs-bitis,.bs-dar .bs-yuzde,.bs-dar .bs-rozet{display:none}
.bs-dar .bs-tel{grid-area:tel;display:flex;align-items:center;gap:10px;align-self:center}
.bs-dar .bs-tel b{font-size:1.3rem;font-weight:800;color:var(--lacivert);line-height:1}.bs-dar .bs-tel span{color:var(--gri);font-size:.9rem}.bs-dar .bs-tel span.gecti{color:var(--kirmizi);font-weight:700}.bs-dar .bs-tel .rozet{font-size:.8rem;padding:4px 9px}
.bs-dar .bs-dugme{align-self:center;justify-self:end}
@media (max-width:720px){.bs-dar .bs-tel{flex-direction:column;align-items:flex-start;gap:2px}}
/* Sahada bugün (Saha Medya): ilerleme yüzdesi satırın sağ üst köşesinde, alt satırda yalnız kalan gün ve düğmeler (Mesut 16 Eki) */
#sahada .sm-liste{padding-right:14px;scrollbar-gutter:stable}   /* kaydırma çubuğu yüzdelerin üstünden geçmesin (Mesut 16 Eki) */
#sahada .bs-dar .bs{position:relative}
#sahada .bs-dar .bs-orta{padding-right:72px}
#sahada .bs-dar .bs-yuzde{display:block;position:absolute;right:0;top:0;width:auto;text-align:right}
#sahada .bs-dar .bs-yuzde b{font-size:1.35rem}
#sahada .bs-dar .bs-yuzde .cubuk{display:none}
#sahada .bs-dar .bs-tel b{display:none}

/* Tedarikçiler: firma kartları (Mesut 16 Eki, tablo yerine) */
.kart-sayim{color:var(--gri);font-size:.9rem;margin:14px 0 8px}
.ted-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:1180px){.ted-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ted-izgara{grid-template-columns:1fr}}
.ted-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(15,42,74,.04);min-width:0}
.ted-kart.pasif{opacity:.7}
.ted-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ted-firma{font-size:1.15rem;font-weight:800;color:var(--lacivert);text-decoration:none;line-height:1.3}
.ted-gorev{color:var(--mavi-koyu);font-weight:600;font-size:.95rem}
.ted-satirlar{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.ted-satirlar>div{display:flex;align-items:center;gap:8px;min-height:30px;color:var(--metin);min-width:0}
.ted-satirlar .ik{width:18px;height:18px;color:var(--gri);flex:none}
.ted-satirlar a{color:var(--mavi-koyu);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ted-satirlar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ted-not{margin:4px 0 0;color:var(--gri);font-size:.88rem;line-height:1.4}
.ted-alt{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--cizgi);font-size:.85rem}
.ted-alt small{color:var(--gri-acik)}.ted-alt a{text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:4px;min-height:36px}
/* Görevler: Yapılan çalışma sütunu kalktı, iş adı genişledi (Mesut 16 Eki) */
@media (min-width:1100px){.is-emirleri .liste-tablo th.s-is{width:34%}}
/* Saha Medya: solda Foto ekle kartı, sağında takvim ve noktalar, altta günün medyası tam genişlik (Mesut 16 Eki) */
.sm-duzen{display:block}
.sm-ust{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start;margin-bottom:16px}
.sm-sag{min-width:0}
@media (max-width:900px){.sm-ust{grid-template-columns:1fr}.sm-sol{order:2}}
.sm-form textarea.sm-tek-satir{min-height:0;height:44px;resize:vertical}
.sm-form .sm-dosya-kutular{margin-top:10px}
.sm-foto-kart{margin:0}
.sm-form .alt-dugmeler{display:flex}.sm-form .alt-dugmeler .dugme{width:100%}
@media (max-width:720px){.sm-foto-kart .kart-baslik .zorunlu{display:none}}
/* Foto ekle: iş seçici kalktı (Mesut 16 Eki), Foto ekle düğmesiyle gelen iş etiket olarak görünür */
.sm-is-etiketi{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--mavi-acik);color:var(--mavi-koyu);font-weight:700;font-size:.95rem}.sm-is-etiketi .ik{width:18px;height:18px;flex:none}
/* Saha Medya (Mesut 16 Eki 16:30): İlerleme gir'deki gibi dar Foto ekle kartı solda, sağında günün medyası; takvim ve noktalar sol sütunda kartın altında */
.sm-duzen{display:grid;grid-template-columns:460px minmax(0,1fr);grid-template-areas:"form sag" "yan sag";gap:16px;align-items:start}
.sm-duzen>.sm-foto-kart{grid-area:form}.sm-duzen>.sm-sol{grid-area:yan}.sm-duzen>.sm-sag{grid-area:sag}
.sm-sol{display:flex;flex-direction:column;gap:16px}.sm-sol .kart{margin:0}
@media (max-width:1100px){.sm-duzen{grid-template-columns:1fr;grid-template-areas:"form" "sag" "yan"}.sm-sol{order:0}}
/* Saha Medya (Mesut 16 Eki 16:40): sol Foto ekle, sağ "Sahada bugün" iş listesi, altta günün medyası tam genişlik, en altta takvim ve noktalar */
.sm-duzen{grid-template-columns:460px minmax(0,1fr);grid-template-areas:"form liste" "sag sag" "yan yan"}
.sm-duzen>.sm-sahada{grid-area:liste;margin:0}.sm-sahada .bos{padding:8px 0}
.sm-sol{grid-area:yan;display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.sm-sol .sm-ipucu{grid-column:1 / -1}
@media (max-width:1100px){.sm-duzen{grid-template-columns:1fr;grid-template-areas:"form" "liste" "sag" "yan"}.sm-sol{grid-template-columns:1fr}}
/* Sahada bugün listesi sol kartla aynı boyda biter, devamı kart içinde kaydırılır (Mesut 16 Eki) */
.sm-duzen>.sm-sahada{display:flex;flex-direction:column;height:0;min-height:100%;overflow:hidden;align-self:stretch}
.sm-sahada .kart-baslik{flex:none}.sm-sahada .sm-liste{flex:1;min-height:0;overflow-y:auto;padding-right:4px}
@media (max-width:1100px){.sm-duzen>.sm-sahada{height:auto;min-height:0;max-height:70dvh}}
/* İlerleme gir: açık iş listesi sol kartla aynı hizada biter, devamı kart içinde kaydırılır (Mesut 16 Eki) */
.ilerleme-duzen>#liste{display:flex;flex-direction:column;height:0;min-height:calc(100% - 14px);overflow:hidden;align-self:stretch;margin-top:14px}
#liste .kart-baslik,#liste .ara-satir{flex:none}#liste .sm-liste{flex:1;min-height:0;overflow-y:auto;padding-right:4px}
@media (max-width:1100px){.ilerleme-duzen>#liste{height:auto;min-height:0;max-height:70dvh}}
/* Sahada bugün: günün medyası kartın içinde, iş birimine göre (Mesut 16 Eki) */
.sm-duzen{grid-template-areas:"form liste" "sag sag" "yan yan"}   /* sag = günün albümleri kartı (17 Eki) */
@media (max-width:1100px){.sm-duzen{grid-template-areas:"form" "liste" "sag" "yan"}}
/* Foto ekle kartı yoksa (geçmiş gün ya da yetkisiz): takvim solda, Sahada kartı sağda kendi yüksekliğinde; 16 Eki akşamı 03.10.26 gününde kart sıfır yüksekliğe çöküyordu */
.sm-duzen.formsuz{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"yan liste" "sag sag"}
.sm-duzen.formsuz>.sm-sahada{height:auto;min-height:0;max-height:none;overflow:visible}
.sm-duzen.formsuz>.sm-sahada .sm-liste{overflow:visible}
@media (max-width:1100px){.sm-duzen.formsuz{grid-template-columns:1fr;grid-template-areas:"liste" "sag" "yan"}}
.sm-sahada .kart-baslik{flex-wrap:wrap;gap:8px 10px}.sm-sahada .kart-baslik .sm-gun-ok{display:flex;gap:4px;margin:0}.sm-sahada .sm-gun-ozet{margin-left:auto;font-size:.85rem}
.sm-sahada .sm-sekmeler.kucuk{margin:-6px 0 10px;flex:none}.sm-sahada .sm-sekmeler.kucuk a{padding:8px 10px;font-size:.92rem}
.sm-sahada .sm-bolum-bas{margin:10px 0 8px}.sm-sahada .sm-bolum-bas h3{font-size:1.02rem}
.sm-nokta-serit{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.sm-nokta-serit a{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid var(--cizgi);background:#eef2f7;text-decoration:none}
.sm-nokta-serit img{width:100%;height:100%;object-fit:cover;display:block}.sm-nokta-serit .kod{position:absolute;left:8px;top:8px;background:rgba(15,42,74,.85);color:#fff;font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:6px}
.sm-nokta-serit small{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;background:linear-gradient(transparent,rgba(15,42,74,.8));color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-nokta-serit .video-kutu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gri)}
.sm-grup{margin-top:12px}.sm-grup-bas{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:2px solid var(--mavi-acik);margin-bottom:4px}.sm-grup-bas b{color:var(--mavi-koyu);font-size:1rem;letter-spacing:.02em}.sm-grup-bas small{color:var(--gri)}
.sm-sahada .sm-album.isli{margin:8px 0 4px 52px;padding:10px 12px}.sm-sahada .sm-album .bas .saat{font-weight:700}.sm-sahada .sm-album .sm-kucukler{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-top:8px}
.sm-sahada .sm-serbest{padding:8px 0}.sm-sahada .sm-serbest .sm-album{margin:0}
.sm-not{padding:6px 0 10px}
@media (max-width:720px){.sm-sahada .sm-album.isli{margin-left:0}.sm-sahada .sm-gun-ozet{margin-left:0;flex-basis:100%}}
/* Foto ekle penceresi (Mesut 16 Eki): ana sayfa ve Görevler'de aynı sayfada açılır */
.sm-foto-pencere{width:min(680px,94vw);max-height:92dvh;overflow:auto}
.sm-foto-pencere form{padding:18px 20px 22px}
.sm-foto-pencere .kart-baslik{display:none}
.sm-foto-pencere #d-foto-icerik .kart{border:0;box-shadow:none;margin:0!important;padding:0 20px 20px}   /* İlerleme gir: sol kart pencereye taşınınca çerçevesiz (16 Eki) */
/* Görevler tablosu: ana sayfa düğmeleri dar sütunda alt alta, yazı kırılmaz (16 Eki) */
.liste-tablo .bs-dugme{flex-direction:row;gap:6px;align-items:center;flex-wrap:nowrap}   /* yan yana (Mesut 16 Eki 19:55) */
.liste-tablo .bs-dugme .dugme{white-space:nowrap;flex-wrap:nowrap;justify-content:center;min-height:38px;padding:0 10px;font-size:.9rem;width:max-content;min-width:100%}
.liste-tablo .bs-dugme .dugme .web-ic{display:inline}
.liste-tablo .bs-dugme .tek-satir{white-space:nowrap}
@media (min-width:1100px){.is-emirleri .liste-tablo th.s-dugme{width:18%}.is-emirleri .liste-tablo th.s-durum{width:12%}.is-emirleri .liste-tablo th.s-is{width:22%}.is-emirleri .liste-tablo th.s-plan{width:10%}.is-emirleri .liste-tablo th.s-birim{width:10%}.is-emirleri .liste-tablo th.s-sorumlu{width:9%}.is-emirleri .liste-tablo th.s-villa{width:7%}
.is-emirleri .liste-tablo td.no-h .bs-dugme .dugme{display:inline-flex;white-space:nowrap;width:auto;flex:1 1 0;min-width:0;padding:0 4px;gap:4px;font-size:.8rem;min-height:34px;line-height:1.15}}   /* Görevler: iki düğme yan yana hücre içinde, taşma yok (16 Eki) */
/* Yapışkan başlık bloğu (Mesut 16 Eki: İş ve Zaman Planı ile Puantaj'da başlık, düğmeler ve gezinti kaydırmada sabit) */
.sabit-bas{position:sticky;top:var(--ust-h,72px);z-index:4;background:var(--zemin);padding-top:6px;margin:0 -4px;padding-left:4px;padding-right:4px;box-shadow:0 10px 10px -10px rgba(15,42,74,.18)}
.sabit-bas .pencere-satir,.sabit-bas .hafta-gezinti{margin-bottom:10px}
.sabit-bas.gorev-sabit>.kart{margin-bottom:14px}
@media (max-width:720px){.sabit-bas{display:contents}
 .sabit-bas .pencere-satir,.sabit-bas .hafta-gezinti{position:sticky;top:var(--ust-h,56px);z-index:4;background:var(--zemin);padding:6px 0;margin:0 -4px 10px;padding-left:4px;padding-right:4px}}   /* telefonda yalnız gezinti satırı yapışır; Görevler'de süzgeç kartı uzun, yapışmaz */
/* Form etiketleri tek satır: yıldız ve kısa not etiketin yanında (Mesut 16 Eki: 'bunlar hep tek satır olacak') */
label .z,label small{display:inline!important;margin:0 0 0 4px!important;padding:0!important;background:none!important}
/* Dar iş satırı (İlerleme gir listesi, Saha Medya): daha alçak satır, yüzde sağ üst köşede, alt satırda kalan gün ve düğmeler (Mesut 16 Eki) */
.bs-dar{padding:8px 0}
.bs-dar .bs{position:relative;gap:2px 12px}
.bs-dar .bs-orta{padding-right:72px}
.bs-dar .bs-orta small{margin-top:0}
.bs-dar .bs-yuzde{display:block;position:absolute;right:0;top:0;width:auto;text-align:right}
.bs-dar .bs-yuzde b{font-size:1.3rem}
.bs-dar .bs-yuzde .cubuk{display:none}
.bs-dar .bs-tel b{display:none}
.bs-dar .bs-tel{align-self:center}
.bs-dar .bs-dugme{margin-top:-6px}
/* İlerleme gir (Mesut 16 Eki çizimi): üstte iki kart yan yana (listeden ilerleme, liste dışı ek iş), altta tam genişlik liste */
.ilerleme-duzen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"form ekis" "liste liste" "biten biten"}
.ilerleme-duzen>#f-ilerleme{grid-area:form}.ilerleme-duzen>#f-ekis{grid-area:ekis}.ilerleme-duzen>#liste{grid-area:liste;height:auto;min-height:0;overflow:visible}.ilerleme-duzen .bitenler{grid-area:biten;grid-column:auto}
#liste .sm-liste{overflow:visible;max-height:none}
@media (max-width:1100px){.ilerleme-duzen{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "ekis" "liste" "biten"}}
.atanan-bas .hizli-pdf{margin-left:auto;white-space:nowrap;min-height:38px;padding:0 12px;font-size:.9rem}
@media (max-width:720px){.atanan-bas .hizli-pdf{margin-left:0}}
.is-sec{width:100%;min-height:46px;font-size:1rem}
#is-ara{width:100%;box-sizing:border-box;min-height:44px}
.ilerleme-duzen>form>.kart-baslik{min-height:34px;align-items:center}.ilerleme-duzen>form>.kart-baslik h2{white-space:nowrap;font-size:1.45rem}   /* kart başlıkları büyük (Mesut 17 Eki 'fontu büyüt') */   /* iki kartın başlığı aynı yükseklikte (Mesut 16 Eki 'bunları eşitle') */
.ilerleme-duzen>form>.kart-baslik .zorunlu{font-size:1rem}   /* alt başlık da büyük (Mesut 17 Eki) */
/* Yan yana kartlar aynı yerde biter (Mesut 17 Eki: 'bitişleri optimize et'): iki form eşit yükseklik, kaydet düğmesi en altta */
.ilerleme-duzen{align-items:stretch}
.ilerleme-duzen>form{display:flex;flex-direction:column;min-height:0}
.ilerleme-duzen>form>.alt-dugmeler{margin-top:auto!important;padding-top:12px}
.ilerleme-duzen>form>*{flex:none}
.ilerleme-duzen>form>.alt-dugmeler{flex:none}
.sm-foto-kart .kart-baslik{flex-wrap:nowrap}.sm-foto-kart .kart-baslik h2{white-space:nowrap}.sm-foto-kart .kart-baslik .zorunlu{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* başlık tek satır (Mesut 17 Eki) */
/* Sahada bugün: üç kat haritası alt alta, mekan üstünde görsel adedi daire içinde (Mesut 17 Eki) */
.sm-haritalar{margin:0 0 14px}
.sm-harita{margin:0 0 12px}
.sm-harita-bas{display:flex;align-items:baseline;gap:8px;margin:0 0 6px}.sm-harita-bas b{font-size:1rem}.sm-harita-bas small{color:var(--gri)}
.sm-harita-govde{position:relative}
.sm-harita-govde img{width:100%;display:block;border-radius:10px;border:1px solid var(--cizgi)}
.sm-sayim{position:absolute;transform:translate(-50%,-50%);min-width:32px;height:32px;padding:0 7px;border-radius:999px;background:var(--mavi);color:#fff;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 8px rgba(15,42,74,.35);border:2px solid #fff;box-sizing:border-box}
.sm-sayim:active{transform:translate(-50%,-50%) scale(.95)}
.sm-harita-suzgec{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:8px;margin:0 0 10px}.sm-harita-suzgec label{margin:0;font-size:.85rem}.sm-harita-suzgec select{width:100%;min-height:40px;margin-top:4px}
@media (max-width:720px){.sm-harita-suzgec{grid-template-columns:1fr}}
/* Sayfadaki tüm uyarı ve bilgi kutuları kırmızı ve kalın (Mesut 17 Eki) */
.hata,.bilgi-kutu,.bilgi,.uyari,.sm-bekleyen,#taslak-uyari,.onay-uyari{color:var(--kirmizi)!important;background:#fff1f1!important;border:1px solid #f3b4b4!important;font-weight:800!important}
.hata .ik,.bilgi-kutu .ik,.bilgi .ik{color:var(--kirmizi)}
.bilgi-kutu a,.bilgi a{color:var(--kirmizi);font-weight:800}
.bilgi-kutu.olumlu,.bilgi.olumlu,.bilgi.iyi,.hata.olumlu{color:#15803d!important;background:#eaf8ee!important;border-color:#9fd8b0!important}.bilgi-kutu.olumlu .ik,.bilgi.olumlu .ik{color:#15803d}   /* olumlu bilgiler yeşil (Mesut 17 Eki) */
.zorunlu-uyari{margin:6px 0 10px!important;padding:8px 12px!important}
.alan-hata{border-color:var(--kirmizi)!important;box-shadow:0 0 0 2px #f5b5b5}
/* Sonuç ekranı: olumlu yeşil, olumsuz kırmızı (Mesut 17 Eki) */
.sonuc-toast{position:fixed;left:50%;top:22%;transform:translateX(-50%);z-index:60;min-width:260px;max-width:92vw;padding:20px 28px;border-radius:18px;color:#fff;text-align:center;box-shadow:0 20px 50px rgba(15,42,74,.35);animation:toast-gel .25s var(--ease-out);cursor:pointer}
.sonuc-toast b{display:block;font-size:1.6rem;margin-bottom:4px}.sonuc-toast span{display:block;font-size:1rem;font-weight:700;opacity:.95}
.sonuc-toast.olumlu{background:#15803d}.sonuc-toast.olumsuz{background:var(--kirmizi)}
.sonuc-toast.gidiyor{transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translate(-50%,-10px)}
@keyframes toast-gel{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
.secenekler.alan-hata,.birim-satir.alan-hata{box-shadow:none;border-radius:12px;outline:2px solid var(--kirmizi);outline-offset:3px}
/* Cephe ve Yalıtım işaretleri: yuvarlak düğme + seçilince PDF çizgisi (paket, 17 Eki) */
.sm-plan-svg .isaret{cursor:pointer}.sm-plan-svg .isaret circle{fill:#fff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(15,42,74,.25))}
.sm-plan-svg .isaret text{text-anchor:middle;dominant-baseline:central;font-weight:800;pointer-events:none;font-family:inherit}
.sm-plan-svg .isaret.dolu circle{fill:#eef3ff}.sm-plan-svg .isaret.secili circle{fill:#dbe7ff;stroke-width:3.5}
.sm-plan-svg .cizgi-halo{fill:none;stroke:#fff;stroke-width:5;vector-effect:non-scaling-stroke;pointer-events:none}.sm-plan-svg .cizgi{fill:none;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}
.sm-plan.goster .sm-plan-svg .isaret{cursor:default}
/* Günün fotoğrafları ve videoları, sayfanın en üstünde iki bölüm (Mesut 17 Eki) */
.sm-gun-bolumler{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.sm-gun-bolum{margin:0}.sm-gun-bolum .bos{padding:6px 0}
.sm-gun-izgara{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:8px!important;margin-top:6px!important}.sm-gun-izgara a{aspect-ratio:1!important}
.sm-gun-izgara .saat-rozet{position:absolute;left:6px;bottom:6px;background:rgba(15,42,74,.78);color:#fff;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:7px}
.sm-gun-izgara .video-kutu{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff}.sm-gun-izgara .video-kutu .ik{width:34px;height:34px}
@media (max-width:900px){.sm-gun-bolumler{grid-template-columns:1fr}}
.sm-gun-bolum .kart-baslik .gun-ekle{margin-left:auto}
.sm-gun-izgara .mahal-rozet{position:absolute;left:0;right:0;top:0;padding:26px 6px 4px;background:linear-gradient(rgba(15,42,74,.0),rgba(15,42,74,.0));color:#fff;font-size:.72rem;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;pointer-events:none}
.sm-gun-izgara .mahal-rozet{top:auto;bottom:0;padding:18px 6px 6px;background:linear-gradient(rgba(15,42,74,0),rgba(15,42,74,.75))}.sm-gun-izgara .saat-rozet{z-index:1}
.sm-gun-izgara .saat-rozet{left:auto;right:6px;top:6px;bottom:auto}.sm-gun-izgara .mahal-rozet{text-align:left}   /* saat sağ üstte, mahal şeridi altta tam genişlik (17 Eki) */
.sm-dosya-kutular{display:grid;grid-template-columns:1fr;gap:10px}   /* tek kutu, Detay kalktı (Mesut 17 Eki) */
.sm-dosya-dugme{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;font-size:1.05rem;cursor:pointer;margin:0}.sm-dosya-dugme input[type=file]{display:none}   /* tek tuş (Mesut 17 Eki) */
/* İlerleme formu tek sütun, medya modülü altta (Mesut 17 Eki); medya tek tuş */
.form-izgara.tek-sutun{grid-template-columns:1fr;max-width:900px}.medya-tek{display:block}.medya-tek .sm-dosya-dugme{min-height:56px}
.ilerleme-duzen #f-ilerleme .sm-foto-govde{display:none}dialog #f-ilerleme .sm-foto-govde{display:block}
.medya.medya-tek{grid-template-columns:1fr}.medya.medya-tek label.sm-dosya-dugme{border:0;background:var(--mavi);color:#fff;flex-direction:row;justify-content:center;font-weight:800;font-size:1.05rem}.medya.medya-tek label.sm-dosya-dugme .ik{color:#fff}
/* Günün albümleri planlardan ayrı kart, tam genişlik (Mesut 17 Eki) */
.sm-duzen>.sm-albumler{grid-area:sag;margin:0}.sm-albumler .sm-grup{margin-top:10px}.sm-albumler .bos{padding:8px 0}
.sm-tarih-bas{font-weight:800;color:var(--lacivert);margin:4px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--cizgi)}.sm-albumler .bs-dar{margin:0 0 10px}
/* Görevler: yapışkan başlık ve tablo başlığı yok (Mesut 17 Eki) */
.gorev-ust>.kart{margin-bottom:14px}.gorevler-sayfa .liste-tablo th{position:static}
/* Puantaj: yapışkan başlık ve sabit sütun yok (Mesut 17 Eki) */
.puantaj-ust>.kart{margin-bottom:14px}.puantaj-sayfa .puantaj-tablo th,.puantaj-sayfa .puantaj-tablo th.ad,.puantaj-sayfa .puantaj-tablo td.ad{position:static}
/* İş ve Zaman Planı: yapışkan başlık ve tablo başlığı yok (Mesut 17 Eki) */
.plan-ust>.kart{margin-bottom:14px}.plan-sayfa .plan-tablo th{position:static}
/* Kelime ara sonuçları açık liste (17 Eki) */
.is-ara-sonuc{margin-top:8px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;max-height:360px;overflow-y:auto}.is-ara-satir{display:block;padding:10px 12px;border-bottom:1px solid var(--cizgi);text-decoration:none;color:inherit}.is-ara-satir:last-child{border-bottom:0}.is-ara-satir b{display:block;color:var(--mavi-koyu)}.is-ara-satir small{color:var(--gri)}.is-ara-sonuc .bos{padding:10px 12px}
/* Medya sorusu büyük (Mesut 17 Eki) */
.sm-soru{padding:16px 16px 14px;border-radius:14px}.sm-soru b{font-size:1.15rem;margin-bottom:12px}.sm-soru div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sm-soru .dugme.kucuk{height:56px;padding:0 16px;font-size:1.05rem;width:100%}
@media (max-width:520px){.sm-soru div{grid-template-columns:1fr}}
.is-sec-satir{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.is-sec-satir select,.is-sec-satir input{width:100%}
@media (max-width:640px){.is-sec-satir{grid-template-columns:1fr}}
/* İlerleme Gir: Liste dışı kartı İlerleme Gir kartının ALTINDA, tam genişlik; alanları yatay (Mesut 17 Eki) */
.ilerleme-duzen{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "ekis" "liste" "biten"}
.ilerleme-duzen>#f-ekis .ek-is-ust{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.ilerleme-duzen>#f-ekis .ek-is-ust>div>label:first-child{margin-top:0}
.ilerleme-duzen>#f-ekis .ek-is-alt{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start;margin-top:12px}
.ilerleme-duzen>#f-ekis .ek-is-alt .kart-baslik{margin-top:0!important}
@media (max-width:900px){.ilerleme-duzen>#f-ekis .ek-is-ust,.ilerleme-duzen>#f-ekis .ek-is-alt{grid-template-columns:1fr}}
/* Liste dışı: her bölüm kendi çerçevesinde, aynı hizada (Mesut 17 Eki) */
.ilerleme-duzen>#f-ekis .ek-is-ust,.ilerleme-duzen>#f-ekis .ek-is-alt{align-items:stretch}
.ilerleme-duzen>#f-ekis .ek-is-ust>div,.ilerleme-duzen>#f-ekis .ek-is-alt>div{border:1.5px solid var(--cizgi);border-radius:14px;padding:14px;background:#fff;display:flex;flex-direction:column;min-width:0}
.ilerleme-duzen>#f-ekis .ek-is-ust>div>label,.ilerleme-duzen>#f-ekis .ek-is-alt>div>label{margin-top:0!important;margin-bottom:8px;font-size:1.05rem}
.ilerleme-duzen>#f-ekis .ek-is-ust>div>label:not(:first-child){margin-top:0!important}
.ilerleme-duzen>#f-ekis .ek-is-ust .birim-satir,.ilerleme-duzen>#f-ekis .ek-is-ust .secenekler.genis,.ilerleme-duzen>#f-ekis .ek-is-ust #is_adi_ek{margin-top:auto}
.ilerleme-duzen>#f-ekis .ek-is-alt>div>.kart-baslik{margin-top:0!important;padding-top:0}
.ilerleme-duzen>#f-ekis .ek-is-alt .sm-konum{margin-top:0}
.ilerleme-duzen>#f-ekis .ek-is-ust{margin-top:4px}
label .z,.z{color:var(--kirmizi);font-weight:800;margin-left:2px}
/* Saha Medya yeni sıra (Mesut 17 Eki) */
.sm-satir1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:14px;margin:0 0 14px;align-items:stretch}.sm-satir1>.kart,.sm-satir1>form{margin:0;min-width:0}
.sm-satir2{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;margin:0 0 14px;align-items:start}.sm-satir2>.sm-sol{display:flex;flex-direction:column;gap:12px}.sm-satir2>.sm-albumler{margin:0}
.sm-sayfa .sm-sahada{margin:0 0 14px}.sm-sayfa .sm-hafta{margin:0 0 14px}
.sm-hafta-izgara{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sm-hafta-gun{display:flex;flex-direction:column;gap:4px;padding:10px;border:1.5px solid var(--cizgi);border-radius:12px;text-decoration:none;color:inherit;min-width:0}
.sm-hafta-gun b{font-size:.95rem}.sm-hafta-gun small{color:var(--gri)}.sm-hafta-gun .sayi{font-size:.8rem;font-weight:700;color:var(--mavi-koyu)}.sm-hafta-gun .kucukler{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:4px}.sm-hafta-gun .kucukler img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#eef2f7}
.sm-hafta-gun.secili{border-color:var(--mavi);background:var(--mavi-acik)}.sm-hafta-gun.gelecek{opacity:.45;pointer-events:none}
.sm-album .bas .standart{font-size:.98rem;line-height:1.35}
.sm-gun-izgara .mahal-rozet{font-size:.68rem;line-height:1.25;white-space:normal;max-height:3.9em;overflow:hidden;text-align:left;padding:16px 6px 5px}
@media (max-width:1100px){.sm-satir1{grid-template-columns:1fr}.sm-satir2{grid-template-columns:1fr}.sm-hafta-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.sm-hafta-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mobil alt çubuk sabit (Mesut 17 Eki): her kaydırmada yerinde, içerik çubuğun altında kalmasın */
@media (max-width:899px){.alt-sekme{position:fixed!important;bottom:0!important;left:0;right:0;z-index:50;transform:translate3d(0,0,0);box-shadow:0 -4px 14px rgba(15,42,74,.08)}body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.govde{padding-bottom:16px}}
.sm-satir2>.sm-sol{grid-area:auto;grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:12px}.sm-satir2>.sm-albumler{grid-column:2;grid-row:1}
@media (max-width:1100px){.sm-satir2>.sm-sol{grid-column:1;grid-row:1}.sm-satir2>.sm-albumler{grid-column:1;grid-row:2}}
/* Medya takvimi sütuna sığar, büyük hücreler (Mesut 17 Eki) */
.sm-satir2{grid-template-columns:400px minmax(0,1fr)}
.sm-satir2>.sm-sol .sm-takvim{width:100%;max-width:none;padding:16px 18px 14px}
.sm-satir2 .sm-ay b{font-size:1.2rem}.sm-satir2 .sm-ay .ok{width:38px;height:38px}
.sm-satir2 .sm-izgara{gap:4px}.sm-satir2 .sm-izgara>span{font-size:.8rem;padding-bottom:6px}
.sm-satir2 .sm-izgara .g{height:auto;aspect-ratio:1;font-size:1.05rem;border-radius:12px}
.sm-satir2 .sm-aciklama{font-size:.9rem;margin-top:8px}.sm-satir2 .sm-ipucu{font-size:.9rem}
@media (max-width:1100px){.sm-satir2{grid-template-columns:1fr}.sm-satir2 .sm-izgara .g{aspect-ratio:auto;height:44px}}
.sm-gun-ok-tarih{align-items:center;gap:8px;margin-right:10px}.sm-gun-tarih{font-size:1.05rem;font-weight:800;color:var(--lacivert);white-space:nowrap}
/* Saha Medya ileri geri tarih düğmeleri belirgin (Mesut 17 Eki): dolu mavi, 44 px, beyaz ok */
.sm-sayfa .sm-gun-ok .ok,.sm-sayfa .sm-ay .ok{width:44px;height:44px;border-radius:12px;background:var(--mavi);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(37,99,235,.35)}
.sm-sayfa .sm-gun-ok .ok .ik,.sm-sayfa .sm-ay .ok .ik{width:22px;height:22px;stroke-width:2.6}

.sm-sayfa .sm-gun-ok .ok.pasif,.sm-sayfa .sm-ay .ok.pasif{background:#dfe6f0;color:#9aa6b5;box-shadow:none;opacity:1}
.sm-sayfa .sm-gun-ok{gap:10px}.sm-sayfa .sm-gun-tarih{font-size:1.15rem;padding:0 4px}
/* Tarihlere göre albümler kartı takvim kartıyla aynı yükseklikte; içi sıkışık liste, fazlası kart içinde kayar (Mesut 17 Eki) */
.sm-satir2{align-items:stretch}
.sm-satir2>.sm-albumler{display:flex;flex-direction:column;height:0;min-height:100%;overflow:hidden;box-sizing:border-box}
.sm-satir2>.sm-albumler .kart-baslik,.sm-satir2>.sm-albumler .sm-tarih-bas{flex:none}
.sm-satir2>.sm-albumler .sm-album-liste{flex:1;min-height:0;overflow-y:auto;padding-right:4px}
.sm-satir2>.sm-albumler .bs-dar{margin:0 0 8px}
.sm-satir2>.sm-albumler .sm-album{padding:10px 12px;border-radius:12px}
.sm-satir2>.sm-albumler .sm-album .bas .standart{font-size:.92rem;line-height:1.3}
.sm-satir2>.sm-albumler .sm-album .yer{font-size:.8rem}.sm-satir2>.sm-albumler .sm-album p{margin:4px 0;font-size:.9rem}
.sm-satir2>.sm-albumler .sm-album .sm-kucukler{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-top:6px}
.sm-satir2>.sm-albumler .sm-album .sm-kucukler a{flex:0 0 96px;width:96px;aspect-ratio:1;border-radius:8px}
.sm-satir2>.sm-albumler .sm-album .sm-kucukler .tur{display:none}
.sm-satir2>.sm-albumler .sm-album .alt{margin-top:6px;padding-top:6px;font-size:.82rem}
@media (max-width:1100px){.sm-satir2>.sm-albumler{height:auto;min-height:0;max-height:70dvh}}
.sm-takvim .sm-ipucu{margin:10px 0 0;font-size:.86rem}
/* ============ DÜĞME SİSTEMİ (Mesut 17 Eki: 'tüm sitedeki düğmeler eşit olsun') ============
   Tek yükseklik 44 px, aynı köşe (12 px), aynı yazı (.98rem), 20 px ikon; basınca scale(0.97) 160 ms (yukarıdaki ortak kural). */
.dugme,.dugme.kucuk,.dugme.acik-mavi,.dugme.ikincil,.dugme.tehlike,.sm-dosya-dugme,.hizli button,.birim-hizli button,.sm-konum-sekme button,.sirala-dugme,.ara-satir .dugme,.pdf-satiri .dugme,.hp-gezinti .dugme.kucuk,.is-emirleri .liste-tablo td.no-h .dugme,.sm-soru .dugme.kucuk,.gun-ekle,.buyuk-yazi .dugme,.takvim-dugmeler .dugme,.kaldir-dugme,.sec-dugme{min-height:44px!important;height:auto!important;padding-top:0!important;padding-bottom:0!important;padding-left:16px;padding-right:16px;font-size:.98rem!important;border-radius:12px!important;line-height:1.2;box-sizing:border-box}
.secenekler.genis span,.secenekler span{min-height:44px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.sm-sayfa .sm-gun-ok .ok,.sm-sayfa .sm-ay .ok,.hp-gezinti .mini-ok,.sm-ay .ok,.sm-gun-ok .ok{width:44px;height:44px;border-radius:12px}
.dugme .ik,.sm-dosya-dugme .ik,.gun-ekle .ik,.sm-gun-ok .ok .ik,.sm-ay .ok .ik{width:20px;height:20px}
.sm-sayfa .kart-baslik .sm-gun-ok .ok .ik,.sm-sayfa .sm-ay .ok .ik{color:inherit}   /* kart başlığındaki ikon rengi okları yutmasın (görünmeyen ok düzeltmesi) */
.sm-sayfa .sm-gun-ok .ok.pasif .ik{color:#9aa6b5}
@media (hover:hover) and (pointer:fine){.dugme:hover{filter:brightness(.96)}.dugme.ikincil:hover{background:#f6f9fe;filter:none}}
/* Tarihlere göre albümler kartı takvim KARTIYLA birebir aynı boy: ipucu yazısı takvimin altında ayrı satır (Mesut 17 Eki) */
.sm-satir2>.sm-sol{display:contents}.sm-satir2 .sm-takvim{grid-column:1;grid-row:1;margin:0}.sm-satir2 .sm-ipucu{grid-column:1;grid-row:2;margin:0}.sm-satir2>.sm-albumler{grid-column:2;grid-row:1}
@media (max-width:1100px){.sm-satir2 .sm-takvim{grid-column:1;grid-row:1}.sm-satir2>.sm-albumler{grid-column:1;grid-row:2}.sm-satir2 .sm-ipucu{grid-column:1;grid-row:3}}
.gun-ekle{white-space:nowrap}.birim-hizli button,.hizli button,.sm-konum-sekme button{height:44px!important;box-sizing:border-box}.ara-satir .dugme{align-self:center}
/* Saha Medya gezinti: Haftalık Plan'daki düzenek (Mesut 17 Eki) */
.sm-gezinti{gap:8px;margin-right:12px;flex-wrap:nowrap}.sm-gezinti .mini-ok{position:static;width:44px;height:44px;border-radius:12px;flex:none}
.sm-gezinti .dugme.kucuk{min-width:0;padding-left:16px;padding-right:16px;white-space:nowrap}.sm-gezinti .hp-pasif{opacity:.85;cursor:default}.sm-gezinti .mini-ok.hp-pasif{opacity:.4}
.sm-ay{justify-content:flex-start}.sm-ay .sm-gezinti{margin:0;width:100%;justify-content:space-between}.sm-ay .sm-gezinti .dugme.kucuk{flex:1;justify-content:center}
.sm-satir2>.sm-albumler .kart-baslik,.sm-hafta .kart-baslik,.sm-sahada .kart-baslik{flex-wrap:wrap;row-gap:8px}
@media (max-width:640px){.sm-gezinti .dugme.kucuk{font-size:.9rem!important;padding-left:10px;padding-right:10px}}
.hafta-gezinti .sm-gezinti,.pencere-satir .sm-gezinti{margin-right:0}.hafta-gezinti{justify-content:flex-start}.hp-gezinti.sm-gezinti .dugme.kucuk{min-width:0}
/* Kısa iş listesi kartı (Mesut 17 Eki): telefonda okunur satırlar */
.kisa-liste .kisa-bolum{margin-top:10px}.kisa-liste .kisa-bas{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--lacivert);margin:0 0 6px}
.kisa-satir{display:block;padding:10px 12px;border:1.5px solid var(--cizgi);border-radius:12px;margin:0 0 8px;text-decoration:none;color:inherit}
.kisa-satir>b{display:block;font-size:1.02rem;line-height:1.3;margin-bottom:5px}
.kisa-bilgi{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.92rem;color:var(--gri);align-items:center}
.kisa-bilgi .oran{background:var(--mavi);color:#fff;border-radius:7px;padding:1px 8px;font-weight:800}.kisa-bilgi .gec{color:var(--kirmizi);font-weight:800}.kisa-bilgi .iyi{color:#15803d;font-weight:700}
@media (hover:hover) and (pointer:fine){.kisa-satir:hover{background:#f6f9fe}}
/* Gezinti okları mavi zemin, beyaz yön işareti (Mesut 17 Eki) */
.sm-gezinti .mini-ok{background:var(--mavi);color:#fff;border-color:var(--mavi);box-shadow:0 2px 6px rgba(37,99,235,.3)}.sm-gezinti .mini-ok .ik{color:#fff;width:22px;height:22px;stroke-width:2.6}.sm-gezinti .mini-ok.hp-pasif{background:#dfe6f0;border-color:#dfe6f0;box-shadow:none;opacity:1}.sm-gezinti .mini-ok.hp-pasif .ik{color:#9aa6b5}
@media (hover:hover) and (pointer:fine){.sm-gezinti .mini-ok:hover{background:var(--mavi-koyu)}}
/* Saha Medya ileri geri okları: hepsi mavi zemin, beyaz ok; ileri gidilemeyen de aynı görünür, yalnız tıklanmaz (Mesut 17 Eki) */
.sm-sayfa .sm-gezinti .mini-ok.hp-pasif{background:var(--mavi);border-color:var(--mavi);opacity:1;cursor:default;pointer-events:none;box-shadow:0 2px 6px rgba(37,99,235,.3)}.sm-sayfa .sm-gezinti .mini-ok.hp-pasif .ik{color:#fff}
.calisan-excel{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--cizgi)}.calisan-excel .alt-baslik{margin:0;flex-basis:100%}
.sm-sayfa .takvim-dugmeler{flex-wrap:wrap;gap:8px;justify-content:flex-end}@media (max-width:640px){.sm-sayfa .takvim-dugmeler{justify-content:flex-start}.sm-sayfa .takvim-dugmeler .dugme{flex:1 1 100%}}
.beslik-gizli{display:none!important}.daha-fazla{width:100%;margin-top:10px}
/* hidden özniteliği her zaman gizler; .bs gibi display:grid kuralları eziyordu (ana sayfa araması, Mesut 17 Eki) */
[hidden]{display:none!important}
.silinen-satir{display:flex;align-items:center;gap:10px}.silinen-satir .orta{flex:1;min-width:0}.silinen-islem{display:flex;gap:6px;flex:none}.silinen-islem form{margin:0}
@media (max-width:640px){.silinen-satir{flex-wrap:wrap}.silinen-islem{width:100%;justify-content:flex-end}}
/* Ana sayfa üst şeridi (Mesut 17 Eki): navbar'ın yanında yatay, beş kutu */
.ust-serit{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.us-kutu{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;border:1.5px solid var(--cizgi);border-radius:14px;background:#fff;text-decoration:none;color:inherit;min-width:0}
.us-kutu b{font-size:1.9rem;line-height:1.1;color:var(--lacivert)}.us-kutu span{font-size:.9rem;color:var(--gri);line-height:1.25}.us-kutu small{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:var(--gri);text-transform:uppercase}
.us-kutu.us-kirmizi b{color:var(--kirmizi)}.us-kutu.us-kirmizi{border-color:#f5b5b5;background:#fff5f5}
.us-proje .us-oran{display:flex;align-items:center;gap:12px}.us-proje .cubuk{flex:1;height:10px;background:#e3e9f2;border-radius:6px;overflow:hidden}.us-proje .cubuk i{display:block;height:100%;background:var(--mavi);border-radius:6px}
@media (hover:hover) and (pointer:fine){a.us-kutu:hover{background:#f6f9fe}}
@media (max-width:1100px){.ust-serit{grid-template-columns:1fr 1fr}.us-proje{grid-column:1 / -1}}
@media (max-width:520px){.ust-serit{grid-template-columns:1fr 1fr;gap:8px}.us-kutu{padding:10px 12px}.us-kutu b{font-size:1.5rem}}
.pencere-liste{margin-top:6px}.rozet.kirmizi{background:#fde8e8;color:var(--kirmizi)}
/* Organigram notu tek satır (Mesut 17 Eki: Defne Sarıkaya telefonu) */
.org-agac .ok{max-width:260px}.org-agac .ok span{white-space:nowrap;font-size:.76rem;padding:0 8px 8px}
/* Haftalık Plan PDF düğmeleri ayrı ayrı (Mesut 17 Eki) */
.hp-pdf{border:0;background:transparent;gap:8px;overflow:visible;border-radius:0}
.hp-pdf .pdf-cift,.hp-pdf .pdf-cift:last-child{border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;overflow:hidden}
.pencere-not{font-size:.82rem;font-weight:500;color:var(--gri);margin-left:6px}
/* Kısa iş listeniz başlığındaki üç PDF düğmesi birlikte durur, sığmazsa üçü birden alt satıra iner (17 Eki) */
.atanan-bas{flex-wrap:wrap}.pdf-uclu{display:flex;gap:8px;margin-left:auto;flex:none}
@media (max-width:640px){.pdf-uclu{flex-wrap:wrap;margin-left:0;width:100%}.pdf-uclu .dugme{flex:1 1 45%}}
/* Foto video ekle penceresi (Mesut 17 Eki): çerçeveli bölümler, ortalı düğme, altında açıklama, sabit başlık */
.sm-cerceve{border:1.5px solid var(--cizgi);border-radius:12px;padding:10px 12px 12px;margin-top:12px;background:#fff}.sm-cerceve>label:first-child{margin-top:0!important}
.sm-dosya-kutular{justify-items:center;margin-top:16px}.sm-dosya-kutular .sm-dosya-dugme{width:auto;min-width:min(100%,320px);padding:0 28px}
.sm-form .aciklama-etiket{margin-top:12px}
.sm-foto-pencere .d-bas-sabit{position:sticky;top:0;z-index:5;background:#fff;padding:14px 20px 10px;margin:0;border-bottom:1px solid var(--cizgi)}.sm-foto-pencere .d-bas-sabit .kapat{right:16px;top:12px}
.sm-foto-pencere .d-bas-sabit p{margin:2px 0 0;color:var(--gri);font-size:.9rem}
/* Hava uyarısı en fazla iki satır (Mesut 17 Eki) */
.hava-uyari{max-width:560px;font-size:.8rem}   /* kesik cümle yok (Mesut 17 Eki): iki uyarı, her biri tek satır */
/* Foto video ekle penceresi telefonda tam ekran, çentik ve alt çubuk payıyla (Mesut 17 Eki) */
@media (max-width:640px){
.sm-foto-pencere{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;box-sizing:border-box}
.sm-foto-pencere form{padding:12px 12px calc(20px + env(safe-area-inset-bottom))}
.sm-foto-pencere #d-foto-icerik .kart{padding:0 12px calc(20px + env(safe-area-inset-bottom))}
.sm-foto-pencere .d-bas-sabit{padding:calc(10px + env(safe-area-inset-top)) 14px 8px}.sm-foto-pencere .d-bas-sabit h2{font-size:1.2rem}.sm-foto-pencere .d-bas-sabit .kapat{right:12px;top:calc(8px + env(safe-area-inset-top))}
.sm-foto-pencere .sm-konum-sekme{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sm-foto-pencere .sm-konum-sekme [data-plan]{padding:7px 4px;font-size:.84rem}.sm-foto-pencere .sm-konum-sekme .sm-konum-secim,.sm-foto-pencere .sm-konum-sekme .sm-konum-sil{grid-column:1 / -1}
.sm-foto-pencere .sm-cerceve{padding:8px 10px 10px;margin-top:10px}
}
/* Görevler ve ana sayfadaki foto ekle penceresi: başlık formun içinde, kenardan kenara sabit (Mesut 17 Eki) */
.sm-foto-pencere form>.d-bas-sabit{margin:-18px -20px 12px}
@media (max-width:640px){.sm-foto-pencere form>.d-bas-sabit{margin:-12px -12px 10px}}
/* Sol menü kaymasın (Mesut 17 Eki 07:20, ekran kaydı): ögeler sıkıştırıldı, 900 px yükseklikte tek ekrana sığar; kaydırma çubuğu gizli */
@media (min-width:1101px){.yan{padding:10px 12px 12px;scrollbar-width:none}.yan::-webkit-scrollbar{display:none}.yan a{padding:6px 12px;margin-bottom:1px;font-size:.94rem}.yan .grup{margin:10px 0 3px}.yan .grup:first-of-type{margin-top:2px}.yan .kisi{margin-top:12px;padding:8px 12px 4px}
 @media (max-height:860px){.yan a{padding:4px 12px;font-size:.9rem;line-height:1.25}.yan a .ik{width:16px;height:16px}.yan .grup{margin:6px 0 2px;font-size:.64rem}.yan .kisi{margin-top:6px;padding:6px 12px 2px;font-size:.82rem;line-height:1.25}}}
/* Hava uyarısı ara genişliklerde sıkışmasın (1250 px'te 4 satıra iniyordu): şehir sıcaklıkları 1350 px altında gizli, kutu en az 360 px */
.hava-uyari{flex:1 1 360px;min-width:300px}@media (max-width:1350px){.hava-sehirler{display:none}.hava-uyari{font-size:.7rem;min-width:345px}}
@media (max-width:1250px){.hava-gunler{display:none}}   /* dar masaüstünde 7 günlük şerit gizli, uyarı iki satırda kalır */
@media (min-width:1101px) and (max-height:760px){.yan a{padding:3px 12px}.yan .grup{margin:5px 0 1px}}
/* Mobil alt çubuk beş düğme, yüzde 10 büyük (Mesut 17 Eki 08:10) */
.alt-sekme{padding:7px 2px calc(7px + env(safe-area-inset-bottom))}.alt-sekme a{font-size:.79rem;padding:7px 1px;gap:3px;line-height:1.15;text-align:center}.alt-sekme a .ik{width:1.65em;height:1.65em}
@media (max-width:899px){body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.alt-sekme a{justify-content:flex-start}}
/* Telefonda yatay kayma yok (Mesut 17 Eki 08:25): sayfa ve pencere yalnız yukarı aşağı kayar */
.sm-dialog{overflow-x:hidden;overscroll-behavior-x:none}
.sm-dialog .secenekler input[type=radio],.sm-dialog-form .secenekler input[type=radio]{width:1px;height:1px;position:absolute;opacity:0;margin:0;pointer-events:none}   /* radyo kutuları genişlik 100 alıp pencereyi yana taşırıyordu */
@media (max-width:899px){html,body{overflow-x:clip;max-width:100vw;overscroll-behavior-x:none}   /* hidden değil clip: hidden gövdeyi kaydırma kabı yapıp üst çubuğun yapışmasını bozuyordu (17 Eki) */
 .ust .sag,.ust .hava{max-width:100%;min-width:0;flex-wrap:nowrap}.hava-uyari{min-width:0!important;flex:none!important}
 .kart-baslik{flex-wrap:wrap;row-gap:4px}.kart-baslik .zorunlu,.kart-baslik span{white-space:normal}
 .hp-baslik,.hp-sol,.kirinti{flex-wrap:wrap;max-width:100%}.hp-baslik .rozet{white-space:normal}
 .sm-gun-bolum .kart-baslik{flex-wrap:wrap}}
@media (max-width:899px){.kart-baslik h2{white-space:normal;line-height:1.2}}
@media (max-width:640px){.hp-sag{flex-wrap:wrap}.hp-pdf{height:auto;flex-wrap:wrap;width:100%}.hp-pdf .pdf-cift{height:42px}.hp-gezinti .dugme.kucuk{white-space:normal;padding:0 10px;min-width:0;flex:1 1 auto;line-height:1.15;height:auto;min-height:42px}}
/* Telefonda pencereler yalnız dikey kayar, X düğmesi çentik ve kenar payıyla ekranda (Mesut 17 Eki 08:35) */
@media (max-width:899px){.kart-baslik h2{white-space:normal!important}
 dialog,.sm-dialog,.sm-lightbox,.sm-konum-dialog{overflow-x:hidden!important;overscroll-behavior-x:none;max-width:100vw;box-sizing:border-box;touch-action:pan-y}
 .sm-dialog .kapat,.sm-lightbox .kapat,.sm-konum-dialog .kapat{top:calc(10px + env(safe-area-inset-top))!important;right:calc(12px + env(safe-area-inset-right))!important;width:40px;height:40px;z-index:6}
 .sm-foto-pencere .d-bas-sabit .kapat{top:calc(8px + env(safe-area-inset-top))!important}}
/* SEÇİLİ DÜĞME STANDARDI (Mesut 17 Eki 08:55): seçilen her düğme koyu mavi zemin, beyaz yazı ve simge; telefon ve masaüstü aynı */
.secenekler input:checked+span,.secenekler label.secili span,.alt-sekme a.aktif,.yan a.aktif,.yan.acik a.aktif,.hafta-kutu.aktif,.sm-hafta-gun.secili,.mini-gun.secili,.sirala-menu button.aktif,.gorev-arac .ga.secili,.birim-hizli button.secili,.hizli button.secili,.sm-konum-sekme [data-plan].aktif,.gorunum-sec a.aktif,.hp-gezinti .dugme.acik-mavi.kucuk{background:var(--mavi)!important;border-color:var(--mavi)!important;color:#fff!important}
.secenekler input:checked+span .ik,.alt-sekme a.aktif .ik,.yan a.aktif .ik,.sirala-menu button.aktif .ik,.gorev-arac .ga.secili .ik,.sm-hafta-gun.secili *,.mini-gun.secili *,.hafta-kutu.aktif *{color:#fff!important}
.mini-gun.secili b,.sm-izgara .g.secili b{background:#fff!important}
@media (hover:hover) and (pointer:fine){.mini-gun.secili:hover{background:var(--mavi-koyu)!important}}
/* Düğme içeriği her iki eksende ortalı (Mesut 17 Eki 08:55) */
.dugme,.secenekler span,.birim-hizli button,.hizli button,.sm-konum-sekme [data-plan],.gorev-arac .ga,.hp-gezinti .dugme,.sm-dosya-dugme,.kaldir-dugme,.sec-dugme{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center}
.secenekler.genis span{display:flex!important}.alt-sekme a{justify-content:center!important;align-items:center!important}
/* ŞantiyeM logosu ve şantiye adı (Mesut 17 Eki 09:10) */
.ust .logo .logo-img{height:46px;width:auto;display:block}
@media (max-width:899px){.ust .logo .logo-img{height:30px;max-width:56vw;object-fit:contain;object-position:left center}}
.yan .santiye-adi{font-size:.84rem;font-weight:800;color:var(--lacivert);line-height:1.25;margin:2px 0 8px;padding:0 12px}
@media (min-width:1101px){.yan a{padding:5px 12px}.yan .grup{margin:8px 0 3px}}
/* Telefonda pencere alt çubuğun üstünde biter, alt çubuk hep görünür (Mesut 17 Eki 09:25) */
@media (max-width:899px){
 dialog.tel-pencere{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:calc(85px + env(safe-area-inset-bottom))!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:auto!important;max-height:none!important;border-radius:0!important;z-index:40!important;overflow-y:auto!important;box-shadow:none}
 html.pencere-acik{overflow:clip!important}body.pencere-acik::after{content:"";position:fixed;inset:0;background:rgba(15,42,74,.55);z-index:39}   /* clip: gövde kaydırma kabı olmaz, üst çubuk yapışık kalır */
 .alt-sekme{z-index:60!important}
 .sm-foto-pencere.tel-pencere form,.sm-foto-pencere.tel-pencere #d-foto-icerik .kart{padding-bottom:24px}}
@media (max-width:899px){.yan.acik{bottom:calc(86px + env(safe-area-inset-bottom))!important}}   /* menü çekmecesi alt çubuğun üstünde biter (17 Eki) */
@media (max-width:430px){.birim-hizli button{font-size:.78rem!important;padding:0 4px!important;overflow:hidden;white-space:nowrap}}   /* 'Proje Yönetimi' dar telefonda sığsın (17 Eki) */
dialog.tel-pencere:focus{outline:none}
@media (max-width:370px){.birim-hizli button{font-size:.7rem!important}}
/* Üst çubuk telefonda hep sabit, pencerelerin de üstünde (Mesut 17 Eki 09:45) */
@media (max-width:899px){.ust{position:sticky!important;top:0!important;z-index:45!important}
 dialog.tel-pencere{top:var(--ust-h,59px)!important}body.pencere-acik::after{top:var(--ust-h,59px)}}
/* Misafir şeridi (17 Eki) */
.misafir-serit{display:flex;align-items:center;gap:8px;background:#fff7e6;color:#8a5a00;border-bottom:1px solid #f1d9a6;padding:8px 16px;font-size:.88rem;font-weight:700;position:sticky;top:var(--ust-h,72px);z-index:44}.misafir-serit .ik{width:16px;height:16px;flex:none}
.misafir-kart h2{font-size:1.2rem}
.misafir-kart input{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit;margin-top:4px}   /* şifre kutusu tam genişlik (17 Eki) */
/* Alt çubuk daha büyük ve belirgin: lacivert zemin, beyaz yazı; seçili düğme koyu mavi (Mesut 17 Eki 10:20) */
@media (max-width:899px){
 .alt-sekme{background:var(--lacivert)!important;border-top:0!important;padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important;box-shadow:0 -6px 18px rgba(15,42,74,.25)!important;gap:4px}
 .alt-sekme a{color:rgba(255,255,255,.88)!important;font-size:.84rem!important;padding:6px 2px!important;gap:3px!important;border-radius:12px!important;font-weight:600;line-height:1.1}
 .alt-sekme a .ik{width:1.7em!important;height:1.7em!important;color:rgba(255,255,255,.95)!important}
 .alt-sekme a.aktif{background:var(--mavi)!important;color:#fff!important;font-weight:800}
 .alt-sekme a.aktif .ik{color:#fff!important}}
/* Alt çubuk yüksekliği JS ile --alt-h: gövde payı, pencere ve menü çekmecesi ona göre (17 Eki) */
@media (max-width:899px){body{padding-bottom:calc(var(--alt-h,100px) + 10px)!important}dialog.tel-pencere{bottom:var(--alt-h,100px)!important}.yan.acik{bottom:var(--alt-h,100px)!important}}
/* Alt çubuk yazıları tek satır: sütunlar yazıya göre esner (17 Eki) */
@media (max-width:899px){.alt-sekme{justify-content:space-between!important;padding-left:3px!important;padding-right:3px!important}.alt-sekme a{flex:1 1 auto!important;white-space:nowrap!important;font-size:.78rem!important;padding:7px 3px!important;letter-spacing:-.1px}}
@media (max-width:370px){.alt-sekme a{font-size:.72rem!important;padding:7px 2px!important}}
/* Alt çubuk yüzde 20 daha yüksek, simgeler orantılı (Mesut 17 Eki 10:35): 70 px → 84 px */
@media (max-width:899px){.alt-sekme{padding:11px 2px calc(11px + env(safe-area-inset-bottom))!important}.alt-sekme a{padding:9px 2px!important;gap:5px!important;font-size:.78rem!important}.alt-sekme a .ik{width:2.1em!important;height:2.1em!important}}
@media (max-width:370px){.alt-sekme a{font-size:.72rem!important}}
/* Telefonda sıkı yerleşim (Mesut 17 Eki 11:00): kenar boşlukları, kart dolguları, başlıklar ve etiket aralıkları küçük */
@media (max-width:640px){
 .govde{padding:8px 12px 18px!important}.kirinti{margin:0 0 4px!important;font-size:.8rem}h1{font-size:1.4rem!important;margin:0 0 8px!important}
 .kart{padding:12px!important;margin:0 0 10px!important}.ilerleme-duzen #f-ilerleme,.ilerleme-duzen #f-ekis{margin-top:6px!important}
 .kart-baslik{margin:0 0 10px!important;padding-bottom:8px!important;gap:8px}.kart-baslik h2{font-size:1.1rem!important}.kart-baslik .zorunlu,.kart-baslik span{font-size:.78rem}
 .sm-form label,.sm-dialog label,.form-izgara label{margin-top:8px!important;font-size:.88rem}
 .sm-form input,.sm-form select,.sm-form textarea,.sm-dialog input,.sm-dialog select,.sm-dialog textarea{padding:9px 11px!important;min-height:44px!important}
 .sm-cerceve{margin-top:8px!important;padding:8px 10px 10px!important}
 .sm-dosya-kutular{margin-top:10px!important}.sm-form .aciklama-etiket{margin-top:8px!important}
 .kart-baslik+p.alt-baslik,.alt-baslik{margin-top:4px!important}}
/* DENETİM PAKETİ 2 (17 Eki): telefon pencereleri, çubuklar, menü */
@media (max-width:350px){.alt-sekme a{white-space:normal!important;font-size:.66rem!important;line-height:1.05;padding:7px 1px!important}}   /* E105: 320 px'te Menü taşmasın */
dialog #f-ilerleme .sm-foto-govde{display:block!important}   /* E106: İlerleme Gir'deki pencerede fotoğraf alanı */
@media (max-width:899px){.yan.acik{z-index:46!important}.alt-sekme a{justify-content:flex-start!important}}   /* E107: çekmece pencerenin üstünde; B71: simgeler aynı hizada */
@media (min-width:1101px) and (max-height:860px){.yan a{padding:4px 12px;font-size:.9rem;line-height:1.25}.yan .grup{margin:6px 0 2px}}   /* B70: yükseklik kuralları en sonda */
@media (min-width:1101px) and (max-height:760px){.yan a{padding:3px 12px}.yan .grup{margin:5px 0 1px}}
.mini-gun.secili.isli::after{background:#fff!important}   /* B72: seçili haftada iş noktası görünsün */
@media (max-width:1100px){.hava-uyari{min-width:0!important;flex:1 1 200px!important}}   /* B74: 900 ile 931 px arasında taşma */
@media (max-width:899px){.ps-uyari{display:flex}}   /* B75: 721 ile 899 px arasında ana sayfa uyarısı */
@media (max-height:520px){.sabit-bas{display:contents}.sabit-bas .pencere-satir,.sabit-bas .hafta-gezinti{position:sticky;top:var(--ust-h,56px);z-index:4;background:var(--zemin);padding:6px 0;margin:0 -4px 10px}}   /* B67: yatay telefonda yalnız tarih satırı yapışır */
[hidden]{display:none!important}   /* B73: hidden her zaman kazanır */
.misafir-serit{top:var(--ust-cubuk-h,59px)!important}   /* E104: şerit üst çubuğun hemen altında, kendi yüksekliğini eklemez */
/* MOBILE-NATIVE (17 Eki, Emil Kowalski kuralları): hover yalnız fare olan cihazda; dokunmada gri parlama yok; dokunma gecikmesi yok; düğme yazısı seçilmez; kaydırma zinciri sayfayı sürüklemez; çentik payı */
@media (hover:hover) and (pointer:fine){.org-agac .ok:not([href="#"]):hover{box-shadow:0 0 0 3px #bfd3fb}.sm-plan-svg polygon:hover{fill:rgba(37,99,235,.32)}.sm-sayfa .sm-gun-ok .ok:hover,.sm-sayfa .sm-ay .ok:hover{background:var(--mavi-koyu);color:#fff}.sm-plan-svg .isaret:hover circle{fill:#eef3ff}.is-ara-satir:hover{background:var(--mavi-acik)}}
html{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}
body{overscroll-behavior-y:contain}
.sm-dialog,.sm-lightbox,.yan.acik,.sm-album-liste,.lb-kucukler,.is-ara-sonuc{overscroll-behavior:contain}
.tablo-kaydir{overscroll-behavior-x:contain;overscroll-behavior-y:auto}   /* yalnız yatay: contain dikeyi de kilitliyordu, fare tablo üstündeyken sayfa kaymıyordu (Mesut 18 Eki "Görevler'de kaydırma takılıyor") */
button,a,[role=button],.dugme,.secenekler span,.alt-sekme a,.yan a,.sekmeler a,.ga,.hizli button,.birim-hizli button,.sm-konum-sekme button,.sm-dosya-dugme,.mini-ok,.kapat{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.sm-plan,.sm-plan-svg{touch-action:pan-y pinch-zoom}
@media (pointer:coarse){input,select,textarea{font-size:16px!important}}   /* iOS Safari 16 px altında yakınlaştırıyor, geri dönmüyor */
@media (max-width:899px){.ust{padding-top:calc(10px + env(safe-area-inset-top))!important}.misafir-serit{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}}
/* Puantaj üst satırı tek hizada (Mesut 17 Eki 10:47) */
.puantaj-arac{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}.puantaj-arac .puantaj-rapor{margin:0;align-items:center}.puantaj-arac .puantaj-rapor label{flex-direction:row;align-items:center;gap:6px;font-size:.86rem}.puantaj-arac .puantaj-rapor input[type=date]{height:44px;min-height:44px;margin:0;padding:0 10px}.puantaj-arac .puantaj-rapor label .z{display:none!important}   /* tek satır, aynı yükseklik (Mesut 'hizaya al') */
/* Puantaj üst satırı: Çalışan ekle sağda, hepsi tek satır (Mesut 'yukarı al, sağa doğru') */
@media (min-width:1101px){.puantaj-arac{flex-wrap:nowrap;gap:6px}.puantaj-arac .puantaj-rapor{flex:1 1 auto;gap:6px;flex-wrap:nowrap}.puantaj-arac .puantaj-rapor label{font-size:.82rem;white-space:nowrap}.puantaj-arac .puantaj-rapor input[type=date]{width:150px;font-size:.95rem;box-sizing:border-box}.puantaj-arac>.dugme,.puantaj-arac .dugme{white-space:nowrap;padding:0 12px}.puantaj-sag{margin-left:auto;display:flex;gap:6px;align-items:center}}
.puantaj-arac .puantaj-rapor input[type=date]{box-sizing:border-box;height:44px}
.puantaj-arac .puantaj-rapor input[type=date]{margin:0!important}
@media (min-width:1101px) and (max-width:1350px){.puantaj-arac{flex-wrap:wrap}.puantaj-arac .puantaj-rapor{flex-wrap:wrap}}   /* dar masaüstünde satır kırılır, Çalışan ekle yine sağda */
.puantaj-rapor .pr-etiket{font-size:.86rem;font-weight:700;color:var(--gri);white-space:nowrap}.puantaj-arac .puantaj-rapor input[type=date]{height:44px;margin:0!important;align-self:center}
.puantaj-sag{display:flex;gap:6px;align-items:center}@media (min-width:1101px){.puantaj-sag{margin-left:auto}}
/* Personel ekle kutuları (Mesut 17 Eki): üç sütun, eşit yükseklik, telefonda tek sütun */
.personel-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;align-items:end}.personel-izgara label{display:block;margin:0 0 4px;font-weight:700;font-size:.9rem}
.personel-izgara input,.personel-izgara select,.personel-izgara input[type=number]{width:100%;box-sizing:border-box;height:44px;min-height:44px;margin:0;padding:0 12px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit;font-size:1rem;background:#fff}.personel-izgara select{padding-right:36px}
.personel-izgara .personel-dugme{grid-column:3;display:flex;justify-content:flex-end}.personel-izgara .personel-dugme .dugme{height:44px}
@media (max-width:720px){.personel-izgara{grid-template-columns:1fr}.personel-izgara .personel-dugme{grid-column:1}.personel-izgara .personel-dugme .dugme{width:100%}}
/* Çalışan ekle penceresi (Mesut 17 Eki: altta kart değil, pencere) */
.personel-pencere{width:min(860px,94vw)}.personel-pencere .personel-govde{padding:16px 20px 20px}.personel-pencere form{padding:0}.personel-pencere .personel-izgara label{margin-top:0}
.personel-pencere .personel-izgara input,.personel-pencere .personel-izgara select{margin-top:0;height:44px;min-height:44px;padding:0 12px;font-size:1rem}.personel-pencere .personel-izgara select{padding-right:36px}
.personel-pencere .calisan-excel{margin-top:14px;padding-top:14px;border-top:1px solid var(--cizgi)}
/* Ödeme kaydı penceresi (Mesut 17 Eki) */
.odeme-pencere{width:min(1040px,96vw)}.odeme-pencere .odeme-govde{padding:12px 20px 20px}.odeme-pencere form{padding:0}.odeme-pencere .form-izgara .kart{box-shadow:none;border:1px solid var(--cizgi)}
.odeme-pencere .alt-dugmeler{margin-top:12px}@media (max-width:720px){.odeme-pencere .odeme-govde{padding:10px 12px 16px}}
/* Rehber kişi formu (Mesut 17 Eki): personel izgarası, not tam satır */
.rehber-pencere-form .personel-izgara>div:last-child{grid-column:1/-1}.rehber-pencere-form .alt-dugmeler{margin-top:14px}form.kart .personel-izgara>div:last-child{grid-column:1/-1}

/* Çizelge kaydırmalı (Mesut 17 Eki): kaydırma çubuğu hep görünür, fareyle sürüklenir, çubuklar tıklanır */
.gantt-sag{cursor:grab;scrollbar-width:thin}.gantt-sag.surukleniyor{cursor:grabbing;user-select:none}
.gantt-sag::-webkit-scrollbar{height:12px}.gantt-sag::-webkit-scrollbar-track{background:#eef2f7;border-top:1px solid var(--cizgi)}.gantt-sag::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px;border:3px solid #eef2f7}
.gantt .cubuk[data-duzenle],.gantt .elmas[data-duzenle]{cursor:pointer}@media (hover:hover) and (pointer:fine){.gantt .cubuk[data-duzenle]:hover{filter:brightness(.94);border-color:var(--lacivert)}}
.plan-kaydir-satir{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-kaydir-satir .plan-aralik{font-weight:700;color:var(--lacivert)}.plan-kaydir-satir .plan-ipucu{margin:0}
.personel-izgara .tam-satir{grid-column:1/-1}#d-plan .personel-izgara input[readonly]{background:var(--zemin);color:var(--gri)}
/* Telefonda çizelge: iş kolonu dar, sağ taraf kaydırılır (17 Eki: 1085. satırdaki geniş kolon telefonda sağ bölümü sıfıra indiriyordu) */
@media (max-width:899px){.gantt{grid-template-columns:220px minmax(0,1fr)}.gantt-sol{min-width:0}.gantt-sag{min-width:0}}   /* 18 Eki: sol kolon sıfıra iniyordu (17 Eki yaması), sabit genişlik + sağ bölüm minmax(0,1fr) */
@media (max-width:640px){.gantt{grid-template-columns:150px minmax(0,1fr)}.gantt-satir{gap:4px;padding:0 4px}.gantt-satir .ilerle{padding:0 6px;font-size:.68rem;height:26px}.gantt-satir .gantt-ad{font-size:.72rem}.gantt-satir .gantt-ad small{font-size:.62rem}}
/* Çubuk sürükleme (Mesut 17 Eki, aşama 1): orta taşır, uçlar uzatır; bilgi kutusu; uyarı */
.gantt .cubuk[data-duzenle],.gantt .elmas[data-duzenle]{cursor:grab}
.gantt .cubuk[data-duzenle]::before,.gantt .cubuk[data-duzenle]::after{content:"";position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;border-radius:3px}
.gantt .cubuk[data-duzenle]::before{left:0}.gantt .cubuk[data-duzenle]::after{right:0}
@media (hover:hover) and (pointer:fine){.gantt .cubuk[data-duzenle]:hover::before,.gantt .cubuk[data-duzenle]:hover::after{background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(15,42,74,.4)}}
.gantt .surukleniyor-cubuk{opacity:.9;box-shadow:0 8px 20px rgba(15,42,74,.35);z-index:4;cursor:grabbing}
body.cubuk-surukleme,body.cubuk-surukleme *{user-select:none!important;cursor:grabbing!important}
.gantt .surukle-bilgi{position:absolute;z-index:6;background:var(--lacivert);color:#fff;font-size:.74rem;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap;pointer-events:none}
.gantt .kaydediliyor{opacity:.55}
.plan-uyari{position:fixed;left:50%;bottom:calc(24px + var(--alt-h,0px));transform:translateX(-50%);background:var(--kirmizi);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:92vw}
.gantt .cubuk{margin-top:0}   /* 17 Eki: genel .cubuk margin-top çizelgede çubuğu 8 px aşağı itiyor, oklar üstten geçiyordu */
/* Aşama 2 (Mesut 17 Eki): bağlantı noktası, ok tutma, ihlal, vurgu, geçici çizgi, pencere listesi */
.gantt-oklar{pointer-events:none}.gantt-oklar path.ok-tut{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}
.gantt .gantt-oklar path.ok.ihlal{stroke:var(--kirmizi);stroke-dasharray:5 3}.gantt.takvim .gantt-oklar path.ok.ihlal{stroke:var(--kirmizi)}
.gantt .gantt-oklar path.ok.vurgu{stroke:var(--lacivert);stroke-width:2.4}.gantt.takvim .gantt-oklar path.ok.vurgu{stroke:var(--lacivert)}
.gantt .cubuk.vurgu,.gantt .elmas.vurgu{outline:2px solid var(--lacivert);outline-offset:2px}
.gantt .gantt-oklar path.ok-gecici{fill:none;stroke:var(--mavi);stroke-width:2;stroke-dasharray:6 4;pointer-events:none}
.gantt .bag-nokta{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--lacivert);box-sizing:border-box;z-index:5;cursor:crosshair;opacity:.45;transition:opacity 120ms,transform 120ms}
.gantt .bag-nokta:hover,.gantt.bag-cizme .bag-nokta{opacity:1;transform:scale(1.25)}
body.bag-cizme,body.bag-cizme *{cursor:crosshair!important;user-select:none!important}
.gantt .cubuk.bag-hedef,.gantt .elmas.bag-hedef{outline:3px solid var(--mavi);outline-offset:2px}
@media (pointer:coarse){.gantt .bag-nokta{display:none}}
.plan-uyari.olumlu{background:var(--yesil)}
.pl-baglar{margin-top:16px;padding-top:12px;border-top:1px solid var(--cizgi)}.pl-baglar h3{margin:0 0 8px;font-size:1rem}
.pl-bag-liste{list-style:none;margin:0 0 12px;padding:0}.pl-bag-liste li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--cizgi);border-radius:8px;margin-bottom:6px;font-size:.92rem}
.pl-bag-liste li.ihlal{border-color:var(--kirmizi);background:#fef2f2}.pl-bag-liste li .onay-dugme{flex:none}
.pl-bag-ekle{display:grid;grid-template-columns:2fr 1.2fr 1.2fr .8fr auto;gap:8px 10px;align-items:end}.pl-bag-ekle label{display:block;margin:0 0 4px;font-weight:700;font-size:.86rem}
.pl-bag-ekle select,.pl-bag-ekle input{width:100%;box-sizing:border-box;height:44px;min-height:44px;margin:0;padding:0 10px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit;font-size:.95rem;background:#fff}.pl-bag-ekle select{padding-right:32px}
.pl-bag-ekle .pl-bag-dugme .dugme{height:44px;white-space:nowrap}
@media (max-width:720px){.pl-bag-ekle{grid-template-columns:1fr 1fr}.pl-bag-ekle>div:first-child,.pl-bag-ekle .pl-bag-dugme{grid-column:1/-1}.pl-bag-ekle .pl-bag-dugme .dugme{width:100%}}
.bag-pencere{width:min(640px,94vw)}.bag-pencere .personel-dugme{display:flex;gap:8px;justify-content:flex-end}.bag-pencere .dugme.tehlike{background:#fff;color:var(--kirmizi);border:1.5px solid var(--kirmizi)}
/* Aşama 3: otomatik güncelleme anahtarı ve geri al */
.plan-otomatik{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--lacivert);padding:0 12px;height:44px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;cursor:pointer;user-select:none}
.plan-otomatik input{width:20px;height:20px;margin:0;accent-color:var(--mavi)}
#plan-geri{height:44px}
.gantt .bag-nokta{opacity:.35}.gantt .cubuk:hover~.bag-nokta,.gantt .bag-nokta:hover{opacity:1}
/* Fazla mesai (Mesut 17 Eki): isme dokununca pencere, hücrede +saat rozeti */
.puantaj-tablo td.ad .ad-tik{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.puantaj-tablo td.ad .ad-tik:active{opacity:.7}
.puantaj-tablo td.h{position:relative}.puantaj-tablo .mesai-rozet{position:absolute;right:1px;top:1px;font-style:normal;font-size:.6rem;font-weight:800;line-height:1;padding:1px 3px;border-radius:6px;background:var(--turuncu);color:#fff;pointer-events:none}
.mesai-pencere{width:min(640px,94vw)}.mesai-pencere .ms-baslik{margin:16px 0 8px;font-size:1rem}
/* İş birimi satırı (Mesut 17 Eki 17:15 ekran görüntüsü: üç hızlı düğme 10 px'e büzülmüştü): ızgara, düğmeler ve seçim kutusu aynı boy */
.birim-satir{display:grid!important;grid-template-columns:1fr;gap:8px;align-items:stretch}   /* kart dar: düğmeler üstte tam satır, seçim kutusu altta */
.birim-satir .birim-hizli{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;min-width:0}
.birim-satir .birim-hizli button{min-width:0;height:auto;min-height:46px;padding:4px 6px;white-space:normal;line-height:1.15;overflow:hidden}
.birim-satir .birim-hizli button{font-size:.8rem!important}   /* Mesut 17 Eki 17:20 'fontları küçült': düğme sisteminin .98rem!important kuralını yalnız bu satırda ezer */
.birim-satir select{min-width:0;height:46px;margin:0;font-size:.86rem}
@media (max-width:430px){.birim-satir .birim-hizli button{font-size:.78rem!important}}@media (max-width:370px){.birim-satir .birim-hizli button{font-size:.7rem!important}}   /* telefonda önceki boylar korunur */
.ilerle-menu .im.sil{color:var(--kirmizi);border-top:1px solid var(--cizgi);margin-top:4px}
/* Çizelge kaydırma kabı = .gantt (Mesut 17 Eki 18:40 'tarih kalıyor ama alt üst yapıyor'): dikey ve yatay kaydırma tek kapta, tarih satırı ve sol kolon gerçek sticky, titreme yok */
.gantt{overflow:auto;max-height:calc(100dvh - var(--ust-h,72px) - 210px);min-height:420px;scrollbar-width:thin;cursor:grab;position:relative;isolation:isolate}   /* Mesut 21 Eki "ekran bozuluyor": yapışkan tarih satırı sayfa kaydırılınca üstteki araç çubuğunun ve üst şeridin ÜSTÜNE çıkıyordu; çizelge kendi katmanında kalır */
.gantt.surukleniyor{cursor:grabbing;user-select:none}
.gantt::-webkit-scrollbar{height:12px;width:12px}.gantt::-webkit-scrollbar-track{background:#eef2f7}.gantt::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px;border:3px solid #eef2f7}
.gantt-sag{overflow:visible;cursor:inherit;scrollbar-width:auto}.gantt-sag::-webkit-scrollbar{height:0}
.gantt-sol{position:sticky;left:0;z-index:7;align-self:start}
.gantt .gantt-sol .gantt-bas,.gantt .gantt-sag .gantt-ic .gantt-bas{position:sticky;top:0;z-index:6;background:var(--zemin)}.gantt .gantt-sol .gantt-bas{z-index:8}   /* 836. satırdaki position:relative'den daha özgül */
.gantt .bugun-cizgi span{z-index:9}
@media (max-width:720px){.gantt{max-height:calc(100dvh - var(--ust-h,60px) - var(--alt-h,0px) - 150px)}}
/* 19 Eki 2026: organigram büyüt, küçült, sığdır (Mesut); kök kutu sınıfı ust→kok, .ust yapışkan üst çubukla çakışıyordu */
.org-yakin{display:flex;align-items:center;gap:6px}.org-yakin button{min-width:44px;min-height:40px;padding:0 12px;border:1.5px solid var(--cizgi);background:#fff;color:var(--lacivert);border-radius:10px;font-weight:700;font-size:1.05rem;cursor:pointer}.org-yakin button:hover{border-color:var(--lacivert)}.org-yakin output{min-width:44px;text-align:right;color:var(--gri);font-size:.85rem;font-variant-numeric:tabular-nums}
/* 19 Eki 2026: iş programı alanları (form), proje takvimi, plan takvim notu */
.program-alanlari{margin-top:14px;border:1.5px solid var(--cizgi);border-radius:12px;padding:0 14px 12px;background:#fafbfd}.program-alanlari summary{cursor:pointer;font-weight:700;color:var(--lacivert);padding:12px 0;list-style:none}.program-alanlari summary::-webkit-details-marker{display:none}.program-alanlari summary::before{content:"▸ ";color:var(--mavi)}.program-alanlari[open] summary::before{content:"▾ "}.program-alanlari summary small{font-weight:400;color:var(--gri);margin-left:6px}.program-alanlari>div{margin-top:10px}
.plan-takvim-gunler{display:flex;flex-wrap:wrap;gap:8px 14px}.plan-takvim-gunler label{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border:1.5px solid var(--cizgi);border-radius:10px;background:#fff;font-weight:600}
.plan-takvim-notu{margin:-6px 0 10px}
/* 19 Eki 2026: İş ve Zaman Planı tablo görünümü ve hücre içi düzenleme (Mete şartnamesi) */
.plan-gorunum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.plan-gorunum .dugme{min-height:40px;padding:0 14px}.plan-gorunum .dugme.secili{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}.plan-gorunum small{margin-left:4px}
.plan-tablo-kart{padding:0}.plan-tablo-kaydir{overflow:auto;max-height:calc(100dvh - 300px)}.plan-tablo{min-width:2600px;font-size:.9rem}.plan-tablo th{position:sticky;top:0;z-index:2;background:var(--zemin);white-space:nowrap}.plan-tablo th.genis{min-width:240px}.plan-tablo td{vertical-align:top;white-space:normal;max-width:360px;padding:6px 8px;border-bottom:1px solid var(--cizgi)}
.plan-tablo td.sabit,.plan-tablo th.sabit{position:sticky;left:0;z-index:1;background:#fff;min-width:56px}.plan-tablo th.sabit{z-index:3;background:var(--zemin)}.plan-tablo td.no{white-space:nowrap}.plan-tablo td.sayi{text-align:right;font-variant-numeric:tabular-nums}.plan-tablo td.cok{min-width:220px;white-space:pre-line}.plan-tablo td.bag{min-width:200px}
.plan-tablo td[data-alan][tabindex]{cursor:text;position:relative}.plan-tablo td[data-alan][tabindex]:hover{background:#f3f6fb;box-shadow:inset 0 0 0 1.5px #c9d6e8}.plan-tablo td[data-alan]:focus-visible{outline:2px solid var(--mavi);outline-offset:-2px}
.plan-tablo td.duzenleniyor{background:#fff;box-shadow:inset 0 0 0 2px var(--mavi);padding:2px}.plan-tablo td.kaydediliyor{opacity:.6}.plan-tablo td.hatali{box-shadow:inset 0 0 0 2px var(--kirmizi, #c62828);background:#fff5f5}
.hucre-editor{width:100%;min-width:90px;border:0;outline:0;background:transparent;font:inherit;padding:4px 6px;min-height:34px;box-sizing:border-box}textarea.hucre-editor{resize:vertical;min-height:72px}select.hucre-editor{min-height:34px}
.hucre-oto{display:block;margin:2px 0 0 6px;border:1px solid var(--cizgi);background:#fff;border-radius:6px;font-size:.75rem;padding:2px 8px;cursor:pointer}.plan-tablo td.elle{font-weight:700}.plan-tablo td.elle::after{content:" ✎";color:var(--gri);font-weight:400}
.plan-tablo td[data-alan="kod"] b{font-variant-numeric:tabular-nums}
@media (max-width:899px){.plan-tablo-kaydir{max-height:none}.plan-gorunum small{display:none}}
.plan-tablo td[data-alan="kod"]{white-space:nowrap}body.plan-tablo-acik .plan-legend,body.plan-tablo-acik .plan-kaydir-satir+p.alt-baslik{display:none}
/* 20 Eki 2026: Görevler satırı sadeleşti (Mesut: "baya karışık"). Başlık tarihle aynı çizgide başlar (bağlantının 8 px dokunma payı negatif kenar boşluğuyla
   korunur), kod iş açıklamasının başında, açıklama tek satır (tamamı üstüne gelince), taşeron tek satır, sütun başlıkları kelime ortasından bölünmez,
   satır düğmelerinin yazısı düğmeden taşmaz (gerekirse iki satıra iner). */
.liste-tablo td.is>a{margin:-8px 0}
.liste-tablo td.is .is-alt{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--gri);margin-top:2px;line-height:1.45;overflow-wrap:anywhere}
.liste-tablo td.is .is-kod{color:var(--lacivert);font-weight:700;font-variant-numeric:tabular-nums}
.liste-tablo td.sorumlu-h .taseron-k{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gri)}
.liste-tablo th{overflow-wrap:normal;word-break:keep-all}
@media (min-width:1100px){
  .is-emirleri .liste-tablo th{overflow-wrap:normal;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .is-emirleri .liste-tablo th.s-no{width:4%}.is-emirleri .liste-tablo th.s-tarih{width:8.5%}.is-emirleri .liste-tablo th.s-birim{width:7.5%}.is-emirleri .liste-tablo th.s-sorumlu{width:10%}
}
@media (min-width:1100px){
  .is-emirleri .liste-tablo th{white-space:normal;overflow:visible;text-overflow:clip;font-size:.72rem;letter-spacing:.02em}
  .is-emirleri .liste-tablo th.s-birim{width:9%}.is-emirleri .liste-tablo th.s-sorumlu{width:9.5%}
}
@media (min-width:1100px){.is-emirleri .liste-tablo th.s-tarih{width:100px}}
/* satır düğmeleri: geniş ekranda tek satır (eskisi gibi); 1100 ile 1399 arasında yazı düğmeden taşmaz, gerekirse iki satıra iner */
@media (min-width:1100px) and (max-width:1399px){
  .is-emirleri .liste-tablo td.no-h .bs-dugme .dugme{white-space:normal;overflow-wrap:normal;word-break:keep-all;line-height:1.1;text-align:center;padding:0 6px}
  .is-emirleri .liste-tablo td.no-h .bs-dugme .dugme .tek-satir{white-space:normal}
}
@media (min-width:1400px){.is-emirleri .liste-tablo th.s-dugme{width:224px}}
/* Proje Doküman Merkezi (Mete 19 Eki 2026, iş analizi 20 Eki): çizim listesi masaüstünde tablo, telefonda kart; düğmeler en az 44 px */
.cz-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 14px 10px;border-bottom:1px solid var(--cizgi)}
.cz-tablo th,.cz-tablo td{vertical-align:top}
.cz-tablo td.cz-kod{white-space:nowrap}
.cz-tablo td.cz-ad{min-width:220px;white-space:normal}
.cz-tablo td.cz-son{min-width:320px;max-width:520px;white-space:normal}
.cz-tablo th.cz-dugme-bas{width:180px}
.cz-tablo td{padding-top:9px}   /* hücre üstüne 9 px boşluk, düğme kutusu 9 px yukarı (altta): düğme eski yerinde kalır, Yükle yazısı Kod ve Çizim yazısıyla aynı çizgiye gelir (Mesut 20 Eki; 1440 px: yazı ortası 360, düğme ortası 361) */
.cz-satir.yuklu td.cz-kod b{color:var(--yesil)}
.cz-satir.listede-yok td{color:var(--gri)}
.cz-alt{display:block;color:var(--gri);margin-top:3px;line-height:1.35}
.cz-alt span{display:block}
.cz-not{display:block;color:var(--turuncu);margin-top:4px}
.cz-detay{display:inline-block;vertical-align:middle;max-width:100%}
.cz-detay summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px 0;border-radius:50%;color:var(--mavi)}
.cz-detay summary::-webkit-details-marker{display:none}
.cz-detay-kutu{display:block;margin:6px 0 4px;width:min(520px,100%);max-height:260px;overflow:auto;background:var(--mavi-acik);border-radius:10px;padding:10px 12px;font-size:.9rem;white-space:normal;color:var(--metin)}   /* satırın içinde açılır; kaydırma alanında kesilmez */
.cz-detay-kutu p{margin:4px 0 0}
.cz-zaman{display:block;font-size:.92rem}
.cz-dosya{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ad dugme" "boyut dugme";column-gap:10px;align-items:center;padding:5px 0;border-top:1px dashed var(--cizgi)}   /* Mesut 21 Eki "karışık olmuş": ad üstte (en çok 2 satır), tür ve boyut altında, düğmeler sağda yalnız simge */
.cz-dosya:first-child{border-top:0}
.cz-dosya-ad{grid-area:ad;font-weight:600;min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.25;font-size:.9rem}
.cz-dosya>small{grid-area:boyut}
.cz-dosya-dugmeler{grid-area:dugme}
.cz-dugme-yazi{display:none}
.cz-dosya-dugmeler .dugme{padding:8px 10px}
.cz-dosya small{color:var(--gri);white-space:nowrap}
.cz-dosya-dugmeler{display:flex;gap:6px;flex:none}
.cz-dosya-dugmeler .dugme,.cz-islem .dugme,.cz-silinen .dugme{min-height:44px;min-width:44px;padding:8px 12px}
.cz-onceki{margin-top:6px}
.cz-onceki summary{cursor:pointer;color:var(--mavi);font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.cz-onceki-satir{padding:6px 0 2px;border-top:1px solid var(--cizgi)}
.cz-yok{color:var(--gri);font-size:.9rem}
.cz-silinen{margin-top:6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.cz-islem{white-space:nowrap}
.cz-islem-kutu{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;margin-top:-9px}   /* Yükle ve Sil yan yana, üst çizgi satır yazısıyla aynı (Spark 20 Eki) */
.cz-islem form{display:block;margin:0}
.cz-yukle{cursor:pointer;margin:0}   /* genel label kuralının 16 px üst boşluğu düğmeyi satır yazısının altına itiyordu */
.cz-yukle.kilitli{opacity:.6;pointer-events:none}
@media (max-width:760px){
  .cz-tablo thead{display:none}
  .cz-tablo,.cz-tablo tbody,.cz-tablo tr,.cz-tablo td{display:block;width:100%;box-sizing:border-box}
  .cz-tablo tr{border-top:1px solid var(--cizgi);padding:12px 14px}
  .cz-tablo tr:first-child{border-top:0}
  .cz-tablo td{border:0;padding:3px 0;min-width:0 !important;white-space:normal}
  .cz-tablo td::before{content:attr(data-b);display:block;font-size:.75rem;color:var(--gri);text-transform:uppercase;letter-spacing:.03em}
  .cz-tablo td.cz-kod::before,.cz-tablo td.cz-ad::before{display:none}
  .cz-tablo td.cz-kod{float:left;margin-right:8px}
  .cz-tablo td.cz-kod b{font-size:1.05rem}
  .cz-tablo td.cz-ad{font-weight:600;overflow:hidden}
  .cz-tablo td.cz-olcek,.cz-tablo td.cz-disiplin{display:inline-block;width:auto;margin-right:14px}
  .cz-tablo td.cz-islem{white-space:normal;padding-top:8px}
  .cz-tablo td.cz-islem .cz-islem-kutu{margin-top:0}
  .cz-tablo td.cz-islem .dugme{min-height:46px}
  .cz-tablo .cz-dosya{grid-template-columns:1fr;grid-template-areas:"ad" "boyut" "dugme";row-gap:4px}
  .cz-tablo .cz-dosya-ad{display:block;-webkit-line-clamp:unset}
  .cz-tablo .cz-dugme-yazi{display:inline}
  .cz-tablo .cz-dosya-dugmeler{width:100%}
  .cz-tablo .cz-dosya-dugmeler .dugme{flex:1;min-height:46px}
}
/* Sol menü: her satır tek satırda, yazı bir tık küçük (Mesut 20 Eki: "Proje Doküman Merkezi tek satırda yazsın", "fontunu küçültebilirsin bir tık") */
@media (min-width:900px){.yan{padding-left:10px;padding-right:10px;overflow-x:hidden}.yan a:not(.kisi){font-size:.9rem;white-space:nowrap;padding-left:10px;padding-right:10px}}
/* ŞantiyeM Asistan (Mesut 20 Eki 2026): sağ altta düğme, sohbet penceresi; telefonda tam ekran, alt çubuğun üstünde */
.asistan-dugme{position:fixed;right:18px;bottom:18px;z-index:40;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 18px;border:0;border-radius:999px;background:var(--lacivert);color:#fff;font-weight:800;font-size:1rem;box-shadow:0 8px 24px rgba(15,42,74,.25);cursor:pointer;font-family:inherit}
.asistan-dugme .ik{width:1.4em;height:1.4em}
.asistan-pencere{position:fixed;right:18px;bottom:82px;z-index:41;width:min(440px,calc(100vw - 36px));height:min(660px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;box-shadow:0 18px 50px rgba(15,42,74,.25);overflow:hidden}
.asistan-pencere[hidden]{display:none}
.asistan-ust{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.asistan-baslik{flex:1;min-width:0;display:flex;flex-direction:column}
.asistan-baslik b{font-size:1rem}.asistan-baslik small{color:var(--gri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asistan-ust button{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:0 10px;min-height:44px;font-family:inherit;font-weight:700;font-size:.9rem;color:var(--metin);cursor:pointer;flex:none}
.asistan-mesajlar{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--zemin)}
.asistan-hos{font-size:.95rem;color:var(--gri)}
.asistan-oneriler{display:flex;flex-wrap:wrap;gap:6px}
.asistan-oneri{background:var(--kart);border:1px solid var(--cizgi);border-radius:999px;padding:8px 12px;min-height:44px;font-family:inherit;font-size:.9rem;cursor:pointer;color:var(--mavi-koyu);text-align:left}
.asistan-mesaj{max-width:92%;padding:10px 12px;border-radius:14px;font-size:.98rem;line-height:1.45}
.asistan-metin{white-space:pre-wrap;overflow-wrap:anywhere}
.asistan-mesaj.kisi{align-self:flex-end;background:var(--mavi);color:#fff;border-bottom-right-radius:4px}
.asistan-mesaj.asistan{align-self:flex-start;background:var(--kart);border:1px solid var(--cizgi);border-bottom-left-radius:4px}
.asistan-mesaj.bekliyor .asistan-metin{color:var(--gri);font-style:italic}
.asistan-mesaj.hata{border-color:#f5b5b5;color:var(--kirmizi)}
.asistan-kaynaklar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--cizgi)}
.asistan-kaynaklar small{width:100%;color:var(--gri)}
.asistan-kaynaklar a{font-size:.85rem;background:var(--mavi-acik);border-radius:999px;padding:6px 10px;min-height:32px;display:inline-flex;align-items:center;text-decoration:none;color:var(--mavi-koyu)}
.asistan-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--cizgi);background:var(--kart)}
.asistan-form textarea{flex:1;resize:none;border:1.5px solid var(--cizgi);border-radius:12px;padding:12px;font:inherit;min-height:48px;max-height:120px;line-height:1.3}
.asistan-form .dugme{min-height:48px;padding:0 18px;flex:none}
@media (max-width:760px){
  .asistan-dugme{bottom:calc(var(--alt-h,76px) + 12px);right:12px;width:54px;min-height:54px;padding:0;justify-content:center;border-radius:50%}   /* telefonda yalnız simge: sağ alttaki düğmeleri daha az örter */
  .asistan-dugme span{display:none}
  .asistan-pencere{right:0;left:0;bottom:var(--alt-h,76px);top:var(--ust-h,60px);width:auto;height:auto;border-radius:18px 18px 0 0}
  body.asistan-acik .asistan-dugme{display:none}
  .asistan-mesaj{max-width:96%}
}

/* Yönetici cihaz listesi (Ata 20 Eki, madde 9): masaüstünde tablo, telefonda satırlar kart olur ve Kapat düğmesi görünür */
.cihaz-tablo td{vertical-align:middle}
@media (max-width:760px){
  .cihaz-tablo thead{display:none}
  .cihaz-tablo,.cihaz-tablo tbody,.cihaz-tablo tr,.cihaz-tablo td{display:block;width:100%;box-sizing:border-box}
  .cihaz-tablo tr{border-bottom:1px solid var(--cizgi);padding:10px 0}
  .cihaz-tablo tr:last-child{border-bottom:0}
  .cihaz-tablo td{border:0;padding:3px 0;white-space:normal !important}
  .cihaz-tablo td::before{content:attr(data-b);display:inline-block;min-width:100px;font-size:.75rem;color:var(--gri);text-transform:uppercase;letter-spacing:.03em}
  .cihaz-tablo td.cihaz-kisi::before,.cihaz-tablo td.cihaz-islem::before{display:none}
  .cihaz-tablo td.cihaz-islem{padding-top:8px}
  .cihaz-tablo td.cihaz-islem .dugme{min-height:44px;min-width:120px}
}

/* DEPO/ENVANTER (Mesut 21 Eki 2026) */
.env-foto{width:60px}.env-foto img{width:56px;height:56px;object-fit:cover;border-radius:8px;display:block;border:1px solid var(--cizgi)}
.env-foto .bos-foto{width:56px;height:56px;border-radius:8px;background:var(--gri-rozet);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.7rem}
.env-olcu{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.env-sayim{display:flex;flex-wrap:wrap;gap:8px 16px;margin:6px 0 10px;color:var(--gri);font-size:.95rem}.env-sayim b{color:var(--metin)}
.env-iptal td{color:#64748b;text-decoration:line-through}.env-iptal td.env-iptal-not{text-decoration:none}
details.kart summary{cursor:pointer;font-weight:700;list-style:none}details.kart summary::-webkit-details-marker{display:none}details.kart[open] summary{margin-bottom:10px}
@media (max-width:760px){.env-foto{width:48px}.env-foto img,.env-foto .bos-foto{width:44px;height:44px}}

/* DEPO/ENVANTER hızlı depo seçimi ve üst düğmeler (Mesut 21 Eki 2026: depolara tıkla, mouse'la seçilebilsin) */
.env-ust-dugmeler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.depo-hizli{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.depo-hizli a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:1.5px solid var(--cizgi);border-radius:12px;background:#fff;color:var(--metin);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;user-select:none;transition:transform 160ms var(--ease-out),background-color 120ms ease}
.depo-hizli a .ik{width:1.1em;height:1.1em}
.depo-hizli a b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--gri-rozet);color:#475569;font-size:.82rem}
.depo-hizli a.bos{color:var(--gri)}
.depo-hizli a:hover{background:#f6f8fb;transform:translateY(-1px)}
.depo-hizli a.aktif{background:var(--mavi-acik);color:var(--mavi-koyu);border-color:var(--mavi)}
.depo-hizli a.aktif b{background:var(--mavi);color:#fff}
.depo-hizli a:focus-visible{outline:3px solid #bfd3fb}

/* DEPO/ENVANTER basit kayıt formu (Mesut 21 Eki: "çok karışık, çok daha basit") */
.env-basit{max-width:760px}
.env-basit .kart>.alan>label:first-child,.env-basit .kart>.alan>label{font-size:1.1rem;font-weight:700}
.env-basit .secenekler.kucuk span{min-height:48px}
.env-basit .secenekler .ik{width:1.1em;height:1.1em}
details.env-detay summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem;color:var(--mavi);flex-wrap:wrap}
details.env-detay summary::-webkit-details-marker{display:none}
details.env-detay summary small{font-weight:500;color:var(--gri);font-size:.9rem;flex-basis:100%}
details.env-detay summary .ik{transition:transform 160ms var(--ease-out)}
details.env-detay[open] summary .ik{transform:rotate(180deg)}

/* Günlük Faaliyet Raporu (Mesut 21 Eki 2026): üst bilgi, haftalık takvim, personel listesi, iki panelli seçim penceresi, PDF önizleme */
.gfr-ozet{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.gfr-ozet div{background:var(--zemin);border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px;min-width:0}
.gfr-ozet b{display:block;font-size:.74rem;color:var(--gri);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.gfr-ozet span{font-weight:800;color:var(--lacivert);font-size:1.05rem;overflow-wrap:anywhere}
.gfr-ozet span.mavi{color:var(--mavi)}
.gfr-ozet .rozet{font-size:.8rem;padding:4px 9px}
.gfr-arac{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.gfr-arac form:not(.gfr-tarih){display:contents}
.gfr-tarih{display:flex;align-items:center;gap:8px;margin-left:auto}
.gfr-tarih input[type=date]{width:auto;flex:0 0 auto;min-height:44px;padding:8px 10px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit;margin:0}
.gfr-hafta-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.gfr-hafta-bas b{font-size:1rem;color:var(--lacivert)}
.gfr-hafta-bas .gfr-ok{text-decoration:none;font-weight:700;padding:8px 10px;border:1.5px solid var(--cizgi);border-radius:10px;color:var(--metin);background:#fff}
.gfr-hafta-bas .dugme{margin-left:auto;min-height:44px;padding:8px 14px;font-size:.95rem}
.gfr-takvim{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.gfr-gun{border:1.5px solid var(--cizgi);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;background:#fff;min-width:0}
.gfr-gun.bugun{border-color:var(--mavi)}
.gfr-gun.secili{background:var(--mavi-acik);border-color:var(--mavi)}
.gfr-gun.gelecek{opacity:.65}
.gfr-gun-bas{text-decoration:none;color:var(--lacivert);display:flex;flex-direction:column}
.gfr-gun-bas small{color:var(--gri);font-size:.8rem;font-weight:700}
.gfr-gun-bas b{font-size:1.4rem;line-height:1.1}
.gfr-gun-sayi{font-size:.85rem;color:var(--gri);line-height:1.3}
.gfr-gun-sayi b{color:var(--lacivert)}
.gfr-gun .dugme{min-height:40px;padding:6px 8px;font-size:.8rem;line-height:1.2;margin-top:auto;text-align:center}
.gfr-gun-not{font-size:.8rem;color:var(--gri);margin-top:auto}
.gfr-liste-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px 0}
.gfr-liste-bas h3{margin:0;flex:1 1 auto;font-size:1.05rem;color:var(--lacivert)}
.gfr-liste-bas .dugme{min-height:44px;padding:8px 14px;font-size:.95rem}
.gfr-cikart{min-height:34px;padding:4px 10px;font-size:.82rem}
.gfr-surum{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--cizgi);font-size:.95rem}
.gfr-surum:first-child{border-top:0}
.gfr-surum .gfr-surum-ad{font-weight:700;color:var(--lacivert);min-width:90px}
.gfr-surum small{color:var(--gri)}
.gfr-surum .dugme{margin-left:auto;min-height:36px;padding:4px 12px;font-size:.85rem}
/* seçim penceresi: Rehber ve Puantaj yan yana */
.gfr-sec{width:min(1080px,96vw)}
.gfr-paneller{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 20px 0}
.gfr-panel{border:1.5px solid var(--cizgi);border-radius:12px;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff}
.gfr-panel-bas{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.gfr-panel-bas h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:8px;color:var(--lacivert)}
.gfr-panel-bas small{margin-left:auto;color:var(--gri);font-weight:700;font-size:.85rem}
.gfr-panel-arac{display:flex;gap:6px;padding:8px 10px;flex-wrap:wrap;border-bottom:1px solid var(--cizgi)}
.gfr-sec .gfr-panel-arac input[type=search]{flex:1 1 150px;width:auto;min-height:40px;margin:0;padding:6px 10px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit}
.gfr-panel-arac .dugme{min-height:40px;padding:6px 10px;font-size:.82rem}
.gfr-liste{overflow:auto;max-height:46vh;min-height:120px}
.gfr-sec .gfr-satir{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--cizgi);cursor:pointer;margin:0;font-weight:500;font-size:1rem}   /* .sm-dialog label kuralını (blok) ezer */
.gfr-satir:last-child{border-bottom:0}
.gfr-sec .gfr-satir input[type=checkbox]{width:20px;height:20px;margin:0;flex:none;min-height:0;accent-color:var(--mavi)}
.gfr-satir .gfr-ad{flex:1 1 auto;min-width:0;line-height:1.25;font-weight:600}
.gfr-satir .gfr-ad small{display:block;color:var(--gri);font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfr-satir .gfr-ad .gfr-uyari{color:var(--turuncu)}
.gfr-satir .dugme{min-height:34px;padding:4px 10px;font-size:.8rem;flex:none}
.gfr-satir.eklendi{background:var(--yesil-acik)}
.gfr-satir.eklendi .rozet{font-size:.75rem;padding:3px 8px}
.gfr-satir.gizli{display:none}
.gfr-bos{padding:16px;color:var(--gri);text-align:center;font-size:.9rem}
.gfr-alt{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--cizgi);display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px calc(12px + env(safe-area-inset-bottom));margin-top:14px}
.gfr-alt .gfr-toplam{flex:1 1 auto;font-weight:700;color:var(--lacivert)}
.gfr-alt .dugme{min-height:44px;padding:8px 14px;font-size:.95rem}
.gfr-manuel form{padding:16px 20px 20px}
.gfr-manuel .alt-dugmeler{margin-top:14px}
/* PDF önizleme (masaüstü) */
.gfr-pdf-pencere{width:min(1000px,96vw);height:92dvh;max-height:92dvh;flex-direction:column;overflow:hidden}
.gfr-pdf-pencere[open]{display:flex}
.gfr-pdf-pencere .gfr-pdf-arac{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.gfr-pdf-pencere .gfr-pdf-arac .dugme{min-height:36px;padding:4px 12px;font-size:.85rem}
.gfr-pdf-cerceve{flex:1 1 auto;border:0;width:100%;min-height:50vh;background:#525659}
@media (max-width:899px){
 .gfr-ozet{grid-template-columns:1fr 1fr}
 .gfr-tarih{margin-left:0;width:100%}.gfr-tarih input[type=date]{flex:1 1 auto;min-width:0}
 .gfr-arac .dugme{flex:1 1 auto}
 .gfr-takvim{grid-template-columns:1fr}
 .gfr-gun{flex-direction:row;flex-wrap:wrap;align-items:center}
 .gfr-gun-bas{flex-direction:row;align-items:baseline;gap:6px;min-width:96px}
 .gfr-gun-bas b{font-size:1.1rem}
 .gfr-gun-sayi{flex:1 1 auto}
 .gfr-gun .dugme,.gfr-gun-not{flex-basis:100%;margin-top:0}
 .gfr-hafta-bas .dugme{margin-left:0;flex-basis:100%}
 .gfr-liste-bas .dugme{flex:1 1 auto}
 .gfr-sec{width:100vw;max-width:100vw}
 .gfr-paneller{grid-template-columns:1fr;padding:12px 12px 0}
 .gfr-liste{max-height:34vh}
 .gfr-alt{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.gfr-alt .dugme{flex:1 1 auto}
 .gfr-surum .dugme{margin-left:0;flex-basis:100%}
}

/* Görevler: Başlangıç başlığı tıklanır sıralama (Hande 21 Eki); varsayılan İş Sıra No, Mete şartnamesi */
.liste-tablo th a.th-sirala{color:inherit;text-decoration:none;white-space:nowrap}.liste-tablo th a.th-sirala:hover{text-decoration:underline}.liste-tablo th a.th-sirala.secili{color:var(--mavi-koyu)}
/* İş ve Zaman Planı tam ekran (Hande 21 Eki): yalnız çevre gizlenir, çizelge ölçeği ve gösterge aynı */
body.plan-tam .ust,body.plan-tam .yan,body.plan-tam .alt-sekme,body.plan-tam .takvim-bas,body.plan-tam .plan-takvim-notu,body.plan-tam .plan-legend,body.plan-tam .plan-gorunum small{display:none!important}
body.plan-tam .sayfa{display:block;background:none}body.plan-tam .govde{max-width:none;padding:8px 10px}body.plan-tam .plan-gorunum{margin-bottom:6px}
body.plan-tam .gantt-kart,body.plan-tam #plan-tablo-kart{border-radius:0}
body.plan-tam .kirinti,body.plan-tam .asistan-dugme{display:none!important}
/* Çizelge araç satırı hizası (Mesut 21 Eki "burası neden düzensiz"): genel label kuralının 16 px üst boşluğu ve 52 px select yüksekliği ezildi, hepsi 44 px ve aynı çizgide */
.plan-kaydir-satir .plan-otomatik,.plan-kaydir-satir .plan-sirala{margin:0;height:44px}
.plan-kaydir-satir .plan-sirala select,.plan-kaydir-satir #plan-sirala{height:44px;min-height:44px;box-sizing:border-box;margin:0}
/* Ekran dışı çubuk işareti (21 Eki): satırın görünür kenarında tarih ve ok, tıklanmaz */
.gantt .dis-isaret{position:absolute;z-index:2;height:18px;line-height:18px;padding:0 7px;border-radius:9px;background:#334155;color:#fff;font-size:.68rem;font-weight:700;white-space:nowrap;pointer-events:none;font-style:normal;opacity:.85}

/* Yalıtım sayfası (Mete 22 Eki): her yerin eski hali ve yeni hali yan yana, Saha Medya kalıbı */
.yl-satir1{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px;margin:0 0 14px;align-items:stretch}.yl-ozet{display:flex;flex-direction:column;min-height:0}   /* yan yana kartlar aynı üst ve alt çizgide (Mesut 17 Eki kuralı); yer listesi kalan boşluğu doldurur, uzarsa kart içinde kayar */
.yl-yer-liste{flex:1 1 auto;min-height:0;overflow:auto;border-top:1px solid var(--cizgi);margin-top:4px}.yl-yer-liste a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid var(--cizgi);color:var(--lacivert);font-weight:600;font-size:.9rem;text-decoration:none}.yl-yer-liste a:hover{background:#f8fafc}.yl-yer-ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yl-satir1>.kart,.yl-satir1>form{margin:0;min-width:0}
.yl-form input[type=text],.yl-form input[type=date],.yl-form input[type=time],.yl-form select,.yl-form textarea{width:100%;box-sizing:border-box}
.yl-sayilar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 12px}.yl-sayilar div{text-align:center;border:1px solid var(--cizgi);border-radius:10px;padding:10px 6px}.yl-sayilar b{display:block;font-size:1.6rem;font-weight:800;color:var(--lacivert);line-height:1.1}.yl-sayilar small{color:var(--gri);font-size:.78rem}
.yl-suzgec{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.yl-ek{margin-top:12px;border:1.5px solid var(--cizgi);border-radius:12px;padding:8px 12px;background:#fff}.yl-ek summary{cursor:pointer;font-weight:700;color:var(--lacivert)}.yl-ek summary small{color:var(--gri);font-weight:500}.yl-ek[open]{padding-bottom:12px}
.yl-cift{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.yl-yan{border:1px solid var(--cizgi);border-radius:10px;padding:8px 10px 10px;min-width:0}.yl-yan.once{background:#f8fafc}.yl-yan.sonra{background:#f0fdf4;border-color:#bbf7d0}
.yl-yan-bas{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.yl-yan-bas b{font-size:.95rem}.yl-yan-bas small{color:var(--gri);font-size:.78rem;text-align:right}
.yl-buyuk{position:relative;display:block;aspect-ratio:4/3;border-radius:9px;overflow:hidden;background:#e2e8f0}.yl-buyuk img{width:100%;height:100%;object-fit:cover;display:block}.yl-buyuk .video-kutu{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;background:#1e293b}
.yl-buyuk .etiket{position:absolute;left:8px;top:8px;background:var(--lacivert);color:#fff;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px}.yl-yan.sonra .yl-buyuk .etiket{background:var(--yesil)}
.yl-buyuk .tur{position:absolute;right:8px;bottom:8px;background:rgba(15,42,74,.85);color:#fff;font-size:.68rem;font-weight:700;padding:3px 7px;border-radius:6px}
.yl-yan p{margin:6px 0 0;font-size:.86rem;color:#334155}
.yl-kucukler.sm-kucukler{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-top:8px}.yl-kucukler.sm-kucukler a{aspect-ratio:1;border-radius:7px}.yl-kucukler .tur{font-size:.6rem;padding:2px 5px;right:4px;bottom:4px}
.yl-bos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:4/3;border:2px dashed #cbd5e1;border-radius:9px;color:var(--gri);font-size:.86rem;text-align:center;padding:10px}.yl-bos .ik{width:28px;height:28px;opacity:.5}
.yl-album .alt .kim{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.yl-duzenle{color:var(--mavi-koyu);font-weight:600;white-space:nowrap}
@media (max-width:900px){.yl-satir1{grid-template-columns:1fr}}
@media (max-width:560px){.yl-cift{grid-template-columns:1fr}.yl-sayilar b{font-size:1.3rem}}

/* Saha Medya sade düzen + Yalıtım iki bölüm (Mesut 22 Eki) */
.sm-mahal-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.sm-mahal-etiket{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--lacivert);font-size:.9rem;margin-right:4px}.sm-mahal-bar .dugme .ik{width:15px;height:15px}
.sm-sayfa .sm-gun-kart{margin:0 0 14px}.sm-album-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:stretch}.sm-album-izgara .sm-album{margin:0;display:flex;flex-direction:column}.sm-album-izgara .sm-album .alt{margin-top:auto;padding-top:10px}.sm-album-izgara .sm-album .sm-kucukler{grid-template-columns:repeat(2,minmax(0,1fr))}   /* yan yana kartlar aynı üst ve alt çizgide, alt satır en altta (Mesut 17 Eki kuralı, 22 Eki "düzensiz duruyor") */
.sm-pencere-govde{padding:0 20px 20px}.sm-pencere-govde .secenekler.genis{margin-top:6px}
.yl-form{margin:0 0 14px}.yl-form-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start}.yl-form-izgara>div{min-width:0}.yl-form-izgara label{margin-top:0}.yl-form-izgara .ikili{margin-top:0}.yl-form-izgara .yl-aciklama{grid-column:1 / -1}.yl-form-izgara .yl-kaydet{grid-column:1 / -1;margin-top:0;justify-content:flex-end}
.yl-bolum{margin:0 0 14px}.yl-izgara.sm-kucukler{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.yl-kare{position:relative;min-width:0}.yl-izgara.sm-kucukler .yl-kare>a[data-album]{aspect-ratio:4/3;border-radius:9px}
.yl-izgara .etiket.yl-tarih{left:6px;top:6px;right:auto;background:var(--lacivert);color:#fff;font-size:.74rem;font-weight:800;padding:2px 7px;border-radius:6px}.yl-izgara .tur{font-size:.68rem}
.sm-kucukler .yl-kare>a.yl-duzenle-kucuk{position:absolute;right:6px;top:6px;width:26px;height:26px;aspect-ratio:auto;border-radius:7px;background:rgba(255,255,255,.92);display:inline-flex;align-items:center;justify-content:center;color:var(--lacivert);overflow:visible}.sm-kucukler .yl-kare>a.yl-duzenle-kucuk .ik{width:13px;height:13px}
@media (max-width:720px){.yl-form-izgara{grid-template-columns:1fr}.sm-album-izgara{grid-template-columns:1fr}.yl-izgara.sm-kucukler{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Video kapak karesi + oynat rozeti (Mesut 22 Eki "videolar neden siyah"); albüm kartı başlığı tam satır (grid düzeninde kelime kelime kırılıyordu) */
.sm-kucukler a .oynat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:rgba(15,42,74,.78);color:#fff;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.sm-kucukler a .oynat .ik{width:20px;height:20px;stroke:#fff}
.lb-kucukler button{position:relative}.lb-kucukler .oynat-kucuk{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9rem;text-shadow:0 0 4px rgba(0,0,0,.8);pointer-events:none}
.sm-album-izgara .sm-album .bas{flex-wrap:wrap}.sm-album-izgara .sm-album .bas .standart{flex:1 1 100%;order:-1}
.sm-kucukler a .fazla{position:absolute;inset:0;background:rgba(15,42,74,.55);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:inherit}
/* Kartta küçük resim alanı kalan boşluğu doldurur: tek foto tam genişlik, iki foto yan yana, üçüncü tam satır, 4 ve üstü 2x2 (Mesut 22 Eki "düzensiz duruyor") */
.sm-album-izgara .sm-album .sm-kucukler{flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(130px,1fr);align-content:stretch}
.sm-album-izgara .sm-album .sm-kucukler a{aspect-ratio:auto;height:100%;min-height:130px}
.sm-album-izgara .sm-album .sm-kucukler a:only-child,.sm-album-izgara .sm-album .sm-kucukler a:nth-child(3):last-child{grid-column:1 / -1}
.sm-album-izgara .sm-album .sm-kucukler a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}   /* resmin kendi yüksekliği kartı büyütmez; satır yüksekliğini en dolu kart belirler */
/* Kanban (Mete 22 Eki, Mesut 23 Eki): üç sütun (Onay bekliyor kaldırıldı, Mesut 23 Eki), veri girişi yok; telefonda sütunlar yana kayar, üstte sütun sekmeleri */
.kanban-tahta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;min-width:0}
.kanban-sutun{background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r);padding:10px;min-height:220px;min-width:0;border-top:4px solid var(--gri-acik)}
.kanban-sutun.yapilacak{border-top-color:var(--gri-acik)}.kanban-sutun.yapiliyor{border-top-color:var(--mavi)}.kanban-sutun.bitti{border-top-color:var(--yesil)}
.kanban-sutun>h3{margin:0 0 10px;padding:4px 6px;display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--lacivert)}
.kanban-sutun>h3 .sayi{margin-left:auto;background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:2px 11px;font-size:.9rem;font-weight:800}
.kanban-kart{display:block;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:12px 13px;margin-bottom:10px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(15,42,74,.05);min-width:0}
.kanban-kart:hover{border-color:var(--mavi)}
.kanban-kart .ust{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;min-width:0}
.kanban-kart .ust small{flex:0 1 auto;color:var(--gri);font-size:.86rem;white-space:nowrap;overflow-wrap:normal}
.kanban-kart .ust .rozet{margin-left:auto}
.kanban-kart .ust .rozet{font-size:.78rem;padding:4px 9px}
.kanban-kart .villa{width:36px;height:36px;font-size:.95rem;border-radius:10px}
.kanban-kart b.ad{display:block;color:var(--lacivert);font-size:1rem;line-height:1.35;margin-bottom:6px;overflow-wrap:anywhere}
.kanban-kart small{display:block;color:var(--gri);font-size:.86rem;line-height:1.4;overflow-wrap:anywhere}
.kanban-kart .cubuk{margin-top:8px}
.kanban-bos{color:var(--gri);font-size:.95rem;padding:18px 8px;text-align:center}
.kanban-daha{display:block;text-align:center;margin:4px 0 8px}
.kanban-not{margin:6px 4px 0;font-size:.82rem;color:var(--gri-acik)}
.kanban-sekme{display:none}
.kanban-suzgec>summary{display:none}
@media (max-width:1000px){.kanban-tahta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.kanban-suzgec>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 14px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;color:var(--lacivert);font-weight:700;cursor:pointer;list-style:none}.kanban-suzgec>summary::-webkit-details-marker{display:none}.kanban-suzgec>summary::after{content:'+';font-size:1.3rem}.kanban-suzgec[open]>summary::after{content:'×'}.kanban-suzgec[open]>summary{margin-bottom:10px}
.kanban-sekme{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}.kanban-sekme::-webkit-scrollbar{display:none}
.kanban-sekme a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 13px;border:1px solid var(--cizgi);border-radius:999px;background:#fff;color:var(--lacivert);font-size:.95rem;font-weight:700;text-decoration:none}
.kanban-sekme a b{background:var(--zemin);border-radius:999px;padding:1px 8px;font-size:.85rem}.kanban-sekme a.aktif{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}.kanban-sekme a.aktif b{background:rgba(255,255,255,.18)}
.kanban-tahta{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;-webkit-overflow-scrolling:touch;max-width:100%}
.kanban-sutun{flex:0 0 86vw;max-width:360px;scroll-snap-align:start}}
/* 24 Eki 2026 (Selin, MS Project alışkanlıkları): Önce sütunu, dar başlık, araya iş penceresi */
.gantt{grid-template-columns:520px minmax(0,1fr)}   /* 460 + Önce sütunu 60 */
.oncul-kutu{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:54px;max-width:96px;height:22px;padding:0 5px;border-radius:7px;background:#fff;color:var(--gri);font-size:.74rem;font-weight:600;font-variant-numeric:tabular-nums;box-sizing:border-box;border:1px dashed var(--cizgi);vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.oncul-kutu[tabindex]{cursor:text}.oncul-kutu[tabindex]:hover,.oncul-kutu[tabindex]:focus{border-color:var(--mavi);border-style:solid;color:var(--lacivert);outline:0}
.oncul-kutu:empty::before{content:"·";color:var(--gri-acik)}.oncul-kutu.duzenleniyor{padding:0;border-color:transparent;max-width:none}
.oncul-kutu .oncul-giris{width:88px;height:22px;font-size:.78rem;padding:0 5px;border:1px solid var(--mavi);border-radius:7px;font:inherit;font-size:.78rem}
.plan-dar-dugme{min-width:96px}
body.plan-dar .kirinti,body.plan-dar .plan-takvim-notu,body.plan-dar .plan-legend,body.plan-dar .plan-gorunum small,body.plan-dar .plan-ipucu{display:none!important}
body.plan-dar .takvim-bas{margin-bottom:8px}body.plan-dar .takvim-bas h1{font-size:1.15rem}
body.plan-dar .plan-gorunum,body.plan-dar .plan-kaydir-satir{display:inline-flex;vertical-align:middle;margin:0 18px 8px 0}
body.plan-dar .gantt{max-height:calc(100dvh - var(--ust-h,72px) - 130px)}
@media (max-width:899px){.gantt{grid-template-columns:260px minmax(0,1fr)}.oncul-kutu{min-width:40px;max-width:56px}}
@media (max-width:640px){.gantt{grid-template-columns:150px minmax(0,1fr)}.oncul-kutu{display:none}}
#d-araya .personel-izgara textarea{min-height:64px}