/* ==========================================================================
   Platform sayfaları: Genel bakış, Studio, Live, Convert. Önek: pf-
   Bileşenler bilesenler.css (v2-*) üzerine kurulur; burada yalnız bu sayfalara özgü diyagramlar ve düzenler vardır.
   ========================================================================== */

.pf-sayfa section[id]{scroll-margin-top:56px}
.pf-sayfa h2,.pf-sayfa .v2-cta h2{text-wrap:balance}
/* sütun sayısı sınıfla verilir (satır içi --n, bilesenler.css'deki duyarlı kuralları ezerdi) */
.pf-istat5{--n:5}
.pf-sihirbaz{--n:5}
.pf-yasam{--n:3}
@media (max-width:1000px){.pf-sihirbaz{--n:1}.pf-sihirbaz>li::after{display:none}}
@media (max-width:980px){.pf-istat5{--n:3}}
@media (max-width:860px){.pf-yasam{--n:1}}
@media (max-width:560px){.pf-istat5{--n:2}}
/* tablet genişliğinde üç sütunlu ızgaranın yalnız kalan son öğesi satırı doldurur */
@media (min-width:621px) and (max-width:900px){.pf-sayfa .v2-izgara--3>:last-child:nth-child(odd){grid-column:1/-1}}
.pf-iso{position:relative; isolation:isolate}
ul.v2-cipler{list-style:none; margin:0; padding:0}
.pf-alt-not{margin:clamp(24px,3vw,36px) 0 0; font-size:.95rem; line-height:1.65; color:var(--gri); max-width:72ch}
.v2-bolum--koyu .pf-alt-not{color:#9FB4D8}
.pf-orta{text-align:center; margin-inline:auto}

/* ---------------------------------------------------------------- akış şeması: Convert → Studio → Live */
.pf-akis{
  list-style:none; margin:0; padding:0; display:grid; align-items:stretch;
  grid-template-columns:minmax(0,1fr) clamp(64px,7vw,104px) minmax(0,1fr) clamp(64px,7vw,104px) minmax(0,1fr);
}
.pf-dugum{
  position:relative; display:flex; flex-direction:column; gap:14px; padding:clamp(22px,2.2vw,30px);
  background:#fff; border:1px solid var(--cizgi-2); border-radius:20px; box-shadow:var(--v2-golge-1);
}
.pf-dugum::before{content:""; position:absolute; inset:-1px -1px auto -1px; height:4px; border-radius:20px 20px 0 0; background:linear-gradient(90deg,var(--pc),var(--pc-acik))}
.pf-dugum h3{margin:0; font-size:1.2rem}
.pf-dugum p{margin:0; font-size:.97rem; line-height:1.6; color:var(--gri)}
.pf-dugum-ust{display:flex; align-items:center; gap:14px}
.pf-dugum-ust img{width:56px; height:56px; border-radius:14px; flex:none; box-shadow:0 10px 22px -10px color-mix(in srgb,var(--pc) 70%,#000)}
.pf-rol{display:block; margin-top:5px; font:700 .72rem/1 var(--font-baslik); letter-spacing:.14em; text-transform:uppercase; color:var(--pc)}
.pf-dugum--istege{background:linear-gradient(180deg,#fff,#F7F9FD); border-style:dashed; border-color:#BFCDE6}
.pf-dugum--istege::before{opacity:.55}
.pf-istege{
  position:absolute; top:-13px; right:20px; padding:6px 12px; border-radius:99px; font:700 .72rem/1 var(--font-govde); letter-spacing:.03em;
  color:var(--pc2); background:var(--pc-zemin); border:1px solid color-mix(in srgb,var(--pc) 30%,transparent);
}
.pf-gc{margin:auto 0 0; padding-top:16px; border-top:1px dashed var(--cizgi); display:grid; gap:9px}
.pf-gc>div{display:grid; grid-template-columns:58px minmax(0,1fr); gap:10px; align-items:baseline}
.pf-gc dt{font:700 .68rem/1.4 var(--font-baslik); letter-spacing:.12em; text-transform:uppercase; color:var(--gri)}
.pf-gc dd{margin:0; font-size:.93rem; font-weight:650; line-height:1.4; color:var(--lac)}

/* ok: noktalı hat + ok ucu + etiket (akan noktalar yalnız hareket serbestse) */
.pf-ok{position:relative; display:grid; place-items:center; min-height:60px}
.pf-ok::before{
  content:""; position:absolute; left:4px; right:14px; top:50%; height:2px; margin-top:-1px;
  background:repeating-linear-gradient(90deg,var(--mavi) 0 7px,transparent 7px 14px); background-size:14px 2px; opacity:.9;
}
.pf-ok::after{content:""; position:absolute; right:5px; top:50%; width:10px; height:10px; margin-top:-5px; border-top:2px solid var(--mavi); border-right:2px solid var(--mavi); transform:rotate(45deg)}
.pf-ok-etiket{
  position:relative; z-index:1; transform:translateY(-26px); max-width:100%; padding:5px 10px; border-radius:99px; background:#fff; border:1px solid var(--cizgi);
  font:700 .72rem/1.25 var(--font-govde); text-align:center; color:var(--lac); box-shadow:var(--golge-s);
}
@media (prefers-reduced-motion:no-preference){
  .pf-ok::before{animation:pf-kay 1.1s linear infinite}
  .pf-ok--dik::before{animation-name:pf-kay-dik}
}
@keyframes pf-kay{to{background-position:14px 0}}
@keyframes pf-kay-dik{to{background-position:0 14px}}
/* dikey ok (şema altı, dar ekran) */
.pf-ok--dik{min-height:72px}
.pf-ok--dik::before{left:50%; right:auto; top:4px; bottom:16px; width:2px; height:auto; margin:0 0 0 -1px; background:repeating-linear-gradient(180deg,var(--mavi) 0 7px,transparent 7px 14px); background-size:2px 14px}
.pf-ok--dik::after{left:50%; right:auto; top:auto; bottom:6px; margin:0 0 0 -5px; transform:rotate(135deg)}
.pf-ok--dik .pf-ok-etiket{transform:none; justify-self:start; margin-left:calc(50% + 16px)}
@media (max-width:900px){
  .pf-akis,.pf-yer-ust,.pf-saltok{grid-template-columns:minmax(0,1fr)}
  .pf-akis>.pf-ok,.pf-yer-ust>.pf-ok,.pf-saltok>.pf-ok{min-height:72px}
  .pf-akis>.pf-ok::before,.pf-yer-ust>.pf-ok::before,.pf-saltok>.pf-ok::before{left:50%; right:auto; top:4px; bottom:16px; width:2px; height:auto; margin:0 0 0 -1px; background:repeating-linear-gradient(180deg,var(--mavi) 0 7px,transparent 7px 14px); background-size:2px 14px}
  .pf-akis>.pf-ok::after,.pf-yer-ust>.pf-ok::after,.pf-saltok>.pf-ok::after{left:50%; right:auto; top:auto; bottom:6px; margin:0 0 0 -5px; transform:rotate(135deg)}
  .pf-akis>.pf-ok .pf-ok-etiket,.pf-yer-ust>.pf-ok .pf-ok-etiket,.pf-saltok>.pf-ok .pf-ok-etiket{transform:none; justify-self:start; margin-left:calc(50% + 16px)}
}
@media (max-width:900px) and (prefers-reduced-motion:no-preference){
  .pf-akis>.pf-ok::before,.pf-yer-ust>.pf-ok::before,.pf-saltok>.pf-ok::before{animation-name:pf-kay-dik}
}

/* ---------------------------------------------------------------- ortak temel (koyu bölüm) */
.pf-temel{margin-top:clamp(44px,5vw,76px); align-items:start}
.pf-ogeler{display:grid; gap:28px}
.pf-oge{display:grid; grid-template-columns:48px minmax(0,1fr); gap:18px; align-items:start}
.pf-oge h3{margin:2px 0 .3em; font-size:1.12rem}
.pf-oge p{margin:0; font-size:.97rem; line-height:1.62; color:var(--gri)}
.v2-bolum--koyu .pf-oge p{color:#AFC2E3}
.pf-oge .v2-baglanti{margin-top:12px}
.pf-dosya{border-radius:20px; overflow:hidden; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 60px -30px rgba(2,8,26,.8)}
.pf-dosya-bar{display:flex; align-items:center; gap:10px; padding:14px 22px; background:linear-gradient(180deg,#16294f,#10213f); border-bottom:1px solid rgba(255,255,255,.1); font:700 .9rem/1 var(--font-govde); letter-spacing:.02em; color:#C9D8F0}
.pf-dosya-bar .ikon{width:20px; height:20px; color:#7CC0FF}
.pf-dosya-gov{padding:clamp(22px,2.4vw,32px)}
.pf-dosya-gov h3{margin:0 0 .4em; font-size:1.25rem; color:#fff}
.pf-dosya-gov p{margin:0 0 1.2em; font-size:.97rem; color:#AFC2E3}
.pf-dosya-ornek{margin:0; padding:16px clamp(22px,2.4vw,32px); border-top:1px dashed rgba(255,255,255,.18); font-size:.9rem; line-height:1.6; color:#A9BCDD; background:rgba(0,0,0,.14)}

/* ---------------------------------------------------------------- kurulum türleri */
.pf-tur h3{font-size:1.25rem}
.pf-bilesen{list-style:none; margin:auto 0 0; padding:0; border-top:1px solid var(--cizgi-2)}
.pf-bilesen li{display:grid; grid-template-columns:28px minmax(0,1fr) 22px; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid var(--cizgi-2); font-weight:650; font-size:.96rem; color:var(--lac)}
.pf-bilesen li:last-child{border-bottom:0; padding-bottom:0}
.pf-bilesen img,.pf-bilesen-ikon{width:28px; height:28px; border-radius:8px}
.pf-bilesen-ikon{display:grid; place-items:center; background:#E8F0FB; color:var(--lac); border:1px solid #D2DFF1}
.pf-bilesen-ikon .ikon{width:16px; height:16px}
.pf-isaret{position:relative; width:22px; height:22px; border-radius:50%}
.pf-var>.pf-isaret{background:#DDF3E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none' stroke='%2314804A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 11.4 3.2 3.2 6.8-7'/%3E%3C/svg%3E") center/22px no-repeat}
.pf-sec>.pf-isaret{border:2px dashed #7F9BC8}
.pf-yok{color:#8A97AE}
.pf-yok img,.pf-yok .pf-bilesen-ikon{opacity:.4; filter:grayscale(1)}
.pf-yok>.pf-isaret::before{content:""; position:absolute; left:5px; right:5px; top:50%; height:2px; margin-top:-1px; border-radius:2px; background:#C2CCDC}
.pf-lejant{list-style:none; display:flex; flex-wrap:wrap; gap:10px 26px; margin:clamp(22px,2.6vw,32px) 0 0; padding:0; font-size:.88rem; font-weight:600; color:var(--gri)}
.pf-lejant li{display:inline-flex; align-items:center; gap:9px}
.pf-lejant .pf-isaret{width:20px; height:20px}

/* ---------------------------------------------------------------- tipik yerleşim */
.pf-yer{display:grid; gap:0}
.pf-yer-ust,.pf-yer-alt{display:grid; grid-template-columns:minmax(0,1fr) clamp(96px,10vw,140px) minmax(0,1.15fr) clamp(96px,10vw,140px) minmax(0,1fr)}
.pf-yer-ust{align-items:stretch}
.pf-yer-alt>.pf-ok{grid-column:3}
.pf-yer-alt>.pf-yer-izleme{grid-column:2/5}
.pf-protokol{margin-top:6px}
.pf-kutu{position:relative; display:flex; flex-direction:column; gap:8px; padding:clamp(20px,2vw,28px); background:#fff; border:1px solid var(--cizgi-2); border-radius:18px; box-shadow:var(--v2-golge-1)}
.pf-kutu h3{margin:0; font-size:1.12rem}
.pf-kutu p{margin:0; font-size:.93rem; line-height:1.55; color:var(--gri)}
.pf-kutu .pf-kutu-ad{font:700 .74rem/1.55 var(--font-baslik); letter-spacing:.05em; color:var(--pc,var(--baglanti))}
.pf-kutu-simgeler{display:flex; gap:10px; align-items:center; min-height:44px}
.pf-kutu-simgeler img{width:40px; height:40px; border-radius:11px}
.pf-kutu--live{border-color:color-mix(in srgb,var(--pc) 38%,var(--cizgi-2)); box-shadow:0 0 0 5px color-mix(in srgb,var(--pc) 10%,transparent),var(--v2-golge-2)}
.pf-kutu--cihaz{background:linear-gradient(180deg,#fff,#F5F8FC)}
.pf-kutu--k{padding:18px; gap:6px}
.pf-kutu--k h3{font-size:1.02rem}
.pf-yer-izleme{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
@media (max-width:900px){
  .pf-yer-ust,.pf-yer-alt{grid-template-columns:minmax(0,1fr)}
  .pf-yer-alt>.pf-ok,.pf-yer-alt>.pf-yer-izleme{grid-column:auto}
}
@media (max-width:480px){.pf-yer-izleme{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- teknik tablo + not */
.pf-tablo tbody th{width:27%}
.pf-not{margin-top:clamp(24px,3vw,36px)}
.pf-not p{margin:0}

/* ---------------------------------------------------------------- program sayfaları: ortak parçalar */
.pf-yigin{display:grid; gap:18px; align-content:start; min-width:0}
.pf-ikili{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; min-width:0}
.pf-h3-ara{margin:30px 0 12px; font-size:1.1rem}
.pf-h3-buyuk{font-size:clamp(1.4rem,2.2vw,1.9rem); margin-bottom:.45em}
.pf-kucuk-gri{margin:14px 0 0; font-size:.9rem; line-height:1.6; color:var(--gri)}
.v2-bolum--koyu .pf-kucuk-gri{color:#9FB4D8}
.pf-ayirac{height:1px; margin:clamp(48px,6vw,88px) 0; background:linear-gradient(90deg,transparent,var(--cizgi) 20%,var(--cizgi) 80%,transparent)}
.v2-bolum--koyu .pf-ayirac{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 20%,rgba(255,255,255,.18) 80%,transparent)}
.pf-etiket{
  display:inline-block; padding:6px 12px; border-radius:99px; font:700 .72rem/1 var(--font-govde); letter-spacing:.04em;
  color:var(--pc2,var(--lac)); background:var(--pc-zemin,#EAF1FB); border:1px solid color-mix(in srgb,var(--pc,#1C6BD0) 28%,transparent);
}
.pf-mini{aspect-ratio:16/10; overflow:hidden; border-radius:12px}
.pf-mini::before{display:none}
.pf-mini .cerceve,.pf-mini .cerceve .lb{height:100%}
.pf-mini picture.resim,.pf-mini picture.resim img{height:100%; object-fit:cover; object-position:top left}
.pf-mini .resim--yer{height:100%; aspect-ratio:auto}
.pf-mini .ornek-not,.pf-mini .cerceve-etiket{display:none}
.pf-mini .cerceve--dar::after{display:none}
.pf-sayfa .v2-program .pf-mini{margin-top:auto}
.pf-sayfa .v2-program .pf-mini+.v2-baglanti{margin-top:4px}

/* sekme panelleri: solda metin, sağda görsel / kod */
.pf-panel{display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(28px,4vw,64px); align-items:center}
.pf-panel--kod{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.pf-panel-metin h3{font-size:clamp(1.3rem,2vw,1.7rem)}
.pf-panel-metin>p{color:var(--gri); max-width:56ch}
.pf-panel .liste-onay{margin-top:18px}
.pf-panel .v2-baglanti{margin-top:6px}
.pf-panel .v2-kod pre{font-size:.84rem}
@media (max-width:960px){.pf-panel,.pf-panel--kod{grid-template-columns:minmax(0,1fr)}}

/* dinamikleştirme şeması */
.pf-aralik{margin-top:clamp(48px,6vw,84px); padding:clamp(24px,3vw,40px); background:#fff; border:1px solid var(--cizgi-2); border-radius:22px; box-shadow:var(--v2-golge-1)}
.pf-aralik-ust{display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-bottom:6px}
.pf-aralik-ust h3{margin:0; font-size:1.4rem}
.pf-aralik>p{max-width:72ch; color:var(--gri)}
.pf-aralik-sema{display:grid; grid-template-columns:minmax(0,.8fr) 56px minmax(0,1.25fr) 56px minmax(0,1fr); align-items:stretch; margin-top:8px}
.pf-adim-kart{display:flex; flex-direction:column; gap:6px; padding:20px 22px; border-radius:16px; background:var(--zemin); border:1px solid var(--cizgi)}
.pf-k{font:700 .68rem/1.4 var(--font-baslik); letter-spacing:.13em; text-transform:uppercase; color:var(--gri)}
.pf-adim-kart strong{font:700 1.12rem/1.3 var(--font-baslik); color:var(--lac); overflow-wrap:anywhere}
.pf-adim-kart small{color:var(--gri); font-size:.9rem}
.pf-yon{position:relative; min-height:36px}
.pf-yon::before{content:""; position:absolute; left:8px; right:16px; top:50%; height:2px; margin-top:-1px; background:var(--pc,var(--mavi)); opacity:.65}
.pf-yon::after{content:""; position:absolute; right:10px; top:50%; width:9px; height:9px; margin-top:-5px; border-top:2px solid var(--pc,var(--mavi)); border-right:2px solid var(--pc,var(--mavi)); transform:rotate(45deg); opacity:.85}
.pf-mini-tablo{width:100%; border-collapse:collapse; font-size:.92rem; margin-top:4px}
.pf-mini-tablo th{padding:6px 4px; text-align:left; font:700 .68rem/1 var(--font-baslik); letter-spacing:.1em; text-transform:uppercase; color:var(--gri); border-bottom:1px solid var(--cizgi)}
.pf-mini-tablo td{padding:9px 4px; border-bottom:1px solid var(--cizgi-2); color:var(--lac); font-weight:600}
.pf-mini-tablo tr:last-child td{border-bottom:0}
.pf-renk{display:inline-block; width:14px; height:14px; margin-right:9px; border-radius:4px; vertical-align:-2px}
.pf-renk--k,.pf-tank--k i{background:#E5484D}
.pf-renk--y,.pf-tank--y i{background:#2FBF71}
.pf-renk--s,.pf-tank--s i{background:#F5A524}
.pf-tanklar{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; height:112px; margin-top:4px}
.pf-tank{position:relative; flex:1; max-width:64px; height:100%; border:2px solid #9AA9C2; border-radius:10px 10px 14px 14px; background:#fff; overflow:hidden}
.pf-tank i{position:absolute; left:0; right:0; bottom:0; height:var(--h); opacity:.95}
.pf-tank::after{content:""; position:absolute; left:6px; top:8px; bottom:8px; width:5px; border-radius:4px; background:rgba(255,255,255,.55)}
@media (max-width:900px){
  .pf-aralik-sema{grid-template-columns:minmax(0,1fr)}
  .pf-yon{min-height:40px}
  .pf-yon::before{left:50%; right:auto; top:2px; bottom:14px; width:2px; height:auto; margin:0 0 0 -1px}
  .pf-yon::after{left:50%; right:auto; top:auto; bottom:6px; margin:0 0 0 -5px; transform:rotate(135deg)}
  .pf-tanklar{justify-content:flex-start; gap:18px}
}
.pf-araclar{margin-top:clamp(36px,4vw,56px)}
.pf-araclar h3{font-size:1.1rem; margin-bottom:14px}
.pf-araclar-izgara{margin-top:clamp(40px,5vw,64px)}

/* durum göstergeleri (kütüphane) */
.pf-durumlar{list-style:none; margin:20px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:12px}
.pf-durumlar li{display:inline-flex; align-items:center; gap:10px; padding:9px 17px 9px 14px; border-radius:99px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); color:#E1EBFB; font-weight:650; font-size:.92rem}
.pf-led{width:12px; height:12px; border-radius:50%; flex:none}
.pf-led--durdu{background:#7C8BA6}
.pf-led--calisiyor{background:#2FD06B}
.pf-led--ariza{background:#E5484D}
@media (prefers-reduced-motion:no-preference){
  .pf-led--calisiyor{animation:pf-nabiz 1.7s ease-out infinite}
  .pf-led--ariza{animation:pf-yanip 1.1s steps(1) infinite}
}
@keyframes pf-nabiz{0%{box-shadow:0 0 0 0 rgba(47,208,107,.6)}100%{box-shadow:0 0 0 9px rgba(47,208,107,0)}}
@keyframes pf-yanip{0%{background:#E5484D}50%{background:#F5C142}}
.pf-uclu{margin-top:clamp(40px,5vw,64px)}

/* 3B */
.pf-genis{margin-bottom:clamp(44px,5vw,76px)}
.pf-modeller{align-items:center}
.pf-modeller .v2-kart{gap:10px}
.pf-sahne{margin-top:clamp(20px,3vw,32px)}
.pf-kart-k{gap:10px}
.pf-kart-k h3{font-size:1.05rem}
.pf-cevir{align-items:center}
.pf-kipler{display:grid; gap:14px; margin:22px 0 0}
.pf-kip{padding:20px 22px; border-radius:16px; background:#fff; border:1px solid var(--cizgi-2); box-shadow:var(--v2-golge-1)}
.pf-kip h4{margin:10px 0 .3em; font-size:1.1rem}
.pf-kip:not(:first-child) h4{margin-top:0}
.pf-kip p{margin:0; font-size:.95rem; line-height:1.6; color:var(--gri)}
.pf-not--uyari{background:#FFF8EB; border-color:#F0DDB3; color:#6A5420}
.pf-not--uyari .ikon{color:#B7791F}
.pf-not--uyari strong{color:#4A3A10}
.pf-not--uyari ul{margin:.4em 0 0; padding-left:1.15em}
.pf-not--uyari li{margin:.3em 0}

/* tasarım tabloları kartları (koyu) */
.pf-kayit{gap:16px}
.pf-kayit-baslik{display:flex; align-items:center; gap:14px}
.pf-kayit-baslik .v2-ikon{width:42px; height:42px; border-radius:12px}
.pf-kayit-baslik h3{font-size:1.1rem}

/* betik izinleri */
.pf-izinler{margin-top:clamp(40px,5vw,64px); padding:clamp(24px,3vw,36px); border-radius:22px; background:linear-gradient(180deg,#fff,#F6F8FC); border:1px solid var(--cizgi-2); box-shadow:var(--v2-golge-1)}
.pf-izinler-ust{display:flex; gap:18px; align-items:flex-start}
.pf-izinler-ust h3{margin:0 0 .3em; font-size:1.25rem}
.pf-izinler-ust p{margin:0; color:var(--gri); max-width:70ch}
.pf-izin-liste{list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:24px 0 0; padding:0}
.pf-izin-liste li{display:grid; grid-template-columns:24px minmax(0,1fr) 42px; grid-template-rows:auto auto; gap:2px 12px; align-items:center; padding:16px 18px; border-radius:14px; background:#fff; border:1px dashed #C1CDE2}
.pf-izin-liste .ikon{grid-row:1/3; width:22px; height:22px; color:var(--gri)}
.pf-izin-liste strong{color:var(--lac); font-size:.97rem; line-height:1.3}
.pf-izin-liste span{grid-column:2; font:700 .68rem/1.3 var(--font-baslik); letter-spacing:.1em; text-transform:uppercase; color:#7A879E}
.pf-izin-liste li::after{content:""; grid-column:3; grid-row:1/3; width:42px; height:24px; border-radius:99px; background:#D7DFEC radial-gradient(circle at 12px 12px,#fff 9px,transparent 10px) no-repeat; box-shadow:inset 0 0 0 1px #C1CDE2}
@media (max-width:860px){.pf-izin-liste{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pf-izinler-ust{flex-direction:column}}

/* proje yönetimi */
.pf-iki-kart .v2-kart{gap:16px}
.pf-iki-kart .pf-mini{margin-top:auto}
.pf-tema{margin-top:clamp(48px,6vw,84px)}
.pf-tema h3{font-size:1.3rem}
.pf-tema>p{margin:0 0 28px; color:var(--gri); max-width:62ch}
.pf-tema-ikili{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start}
@media (max-width:640px){.pf-tema-ikili{grid-template-columns:minmax(0,1fr)}}
.pf-bir-sutun{--n:1}

/* ---------------------------------------------------------------- Live */
.pf-duvar-kap h3{font-size:1.35rem}
.pf-duvar-kap>p{color:var(--gri)}
.pf-duvarlar{list-style:none; margin:26px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.pf-duvarlar li{display:grid; justify-items:center; gap:2px; padding:20px 12px 16px; border-radius:16px; background:#fff; border:1px solid var(--cizgi-2); box-shadow:var(--v2-golge-1); text-align:center}
.pf-duvar{display:grid; grid-template-columns:repeat(var(--c),minmax(0,1fr)); grid-template-rows:repeat(var(--r),minmax(0,1fr)); gap:3px; width:min(112px,100%); height:66px; padding:4px; border-radius:9px; background:#0E1D3C; box-shadow:0 10px 18px -8px rgba(10,24,52,.55),inset 0 0 0 1px rgba(255,255,255,.14)}
.pf-duvar i{border-radius:3px; background:linear-gradient(145deg,var(--pc),var(--pc2))}
.pf-duvarlar strong{margin-top:10px; font:800 1.5rem/1 var(--font-baslik); color:var(--lac)}
.pf-duvarlar small{font-size:.82rem; color:var(--gri)}
@media (max-width:480px){.pf-duvarlar{grid-template-columns:repeat(2,minmax(0,1fr))}}

.pf-yapabilir{display:grid; gap:16px}
.pf-yap{padding:24px 26px; border-radius:18px; background:var(--cam); border:1px solid var(--cam-kenar)}
.pf-yap h3{margin:0 0 14px; font-size:1.1rem}
.pf-yap ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.pf-yap li{position:relative; padding-left:32px; line-height:1.5; color:#D1DDF2}
.pf-yap li::before{content:""; position:absolute; left:0; top:.15em; width:22px; height:22px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:22px}
.pf-yap--evet{border-color:rgba(47,208,107,.3)}
.pf-yap--evet li::before{background-color:rgba(47,208,107,.16); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none' stroke='%2362E0A6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 11.4 3.2 3.2 6.8-7'/%3E%3C/svg%3E")}
.pf-yap--hayir{border-color:rgba(229,85,79,.32)}
.pf-yap--hayir li::before{background-color:rgba(229,85,79,.18); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none' stroke='%23FF8A84' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m7.5 7.5 7 7m0-7-7 7'/%3E%3C/svg%3E")}
.pf-cihazlar{display:grid; grid-template-columns:minmax(0,1fr) clamp(130px,17%,170px); gap:20px; align-items:end}
.pf-telefon-kap .telefon{width:100%}
@media (max-width:560px){.pf-cihazlar{grid-template-columns:minmax(0,1fr)}.pf-telefon-kap{max-width:150px; margin-inline:auto}}
.pf-guvenlik{margin-top:clamp(40px,5vw,64px)}
.v2-bolum--koyu .pf-not--amber{background:rgba(245,165,36,.1); border-color:rgba(245,165,36,.36); color:#F2DDB2}
.v2-bolum--koyu .pf-not--amber .ikon{color:#F5B54A}
.v2-bolum--koyu .pf-not--amber strong{color:#fff}
.pf-ayar-ikili{margin-top:clamp(28px,4vw,44px)}
.pf-ayar{align-items:start}
.pf-ayar-panel h3{margin-top:4px; font-size:1.4rem}
.pf-ayar-panel p{color:var(--gri); max-width:56ch}
.pf-agac pre{font-size:.82rem; line-height:1.8}
.pf-tetikler{margin-top:clamp(36px,4vw,56px)}
.pf-tetikler h3{margin-bottom:14px; font-size:1.05rem}
.pf-sinir{border-left:3px solid color-mix(in srgb,var(--pc) 70%,transparent)}

/* ---------------------------------------------------------------- Convert */
.pf-sihirbaz{margin-bottom:clamp(40px,5vw,64px)}
.pf-wiz-panel .v2-ekran{max-width:1000px; margin-inline:auto}
.pf-proje-sec{margin-top:clamp(28px,4vw,48px); align-items:center}
.pf-proje-sec .pf-alt-not{margin:0}
.pf-sihirbaz>li p{font-size:.94rem; line-height:1.6}
.pf-aile-tablo{min-width:760px}
.pf-aile-tablo thead th{white-space:nowrap}
.pf-aile-tablo tbody th{width:22%; vertical-align:top}
.pf-aile-tablo tbody td{width:39%; vertical-align:top}
.pf-aile-ad{display:flex; align-items:flex-start; gap:12px}
.pf-aile-ad .v2-ikon{width:42px; height:42px; border-radius:12px}
.pf-aile-ad strong{display:block; font:700 1.05rem/1.25 var(--font-baslik); color:var(--lac)}
.pf-aile-ad small{display:block; margin-top:4px; font-weight:500; font-size:.84rem; line-height:1.4; color:var(--gri)}
.pf-liste{list-style:none; margin:0; padding:0; display:grid; gap:9px}
.pf-liste li{position:relative; padding-left:28px; font-size:.93rem; line-height:1.5; color:var(--metin)}
.pf-liste li::before{content:""; position:absolute; left:0; top:.15em; width:19px; height:19px; border-radius:50%; background-size:19px; background-repeat:no-repeat; background-position:center}
.pf-liste--evet li::before{background-color:#E1F4EA; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none' stroke='%231FA463' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.4 9.8 2.6 2.6 5.6-5.8'/%3E%3C/svg%3E")}
.pf-liste--yaklasik li::before{background-color:#FFF1D4; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none' stroke='%23C98512' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 7.6c1.6-1.8 3.2-1.8 4.9 0s3.3 1.8 4.9 0M4.6 11.8c1.6-1.8 3.2-1.8 4.9 0s3.3 1.8 4.9 0'/%3E%3C/svg%3E")}
.pf-liste--koyu li{color:#C4D2EA}
.pf-liste--koyu li::before{background-color:rgba(255,255,255,.1); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='%23BDA2F3'%3E%3Ccircle cx='9.5' cy='9.5' r='3'/%3E%3C/svg%3E")}
@media (max-width:860px){
  .pf-aile-tablo{min-width:0}
  .pf-aile-tablo thead{display:none}
  .pf-aile-tablo tr,.pf-aile-tablo th,.pf-aile-tablo td{display:block; width:100% !important}
  .pf-aile-tablo tbody tr{padding:8px 0; border-bottom:1px solid var(--cizgi)}
  .pf-aile-tablo tbody tr:last-child{border-bottom:0}
  .pf-aile-tablo tbody th,.pf-aile-tablo tbody td{border-bottom:0}
  .pf-aile-tablo tbody td::before{content:attr(data-etiket); display:block; margin-bottom:10px; font:700 .68rem/1 var(--font-baslik); letter-spacing:.13em; text-transform:uppercase; color:var(--gri)}
}
.pf-kaynak{gap:12px}
.pf-kaynak h3{font-size:1.08rem}
.pf-kaynak .pf-kaynak-cipler{margin-top:auto; padding-top:10px}
.pf-cip-gerekli i{background:#F5B54A}
.pf-cip-gerekmez i{background:#4ADE9A}
.pf-salt{align-items:start; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.pf-saltok{display:grid; grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1fr); align-items:stretch}
@media (max-width:960px){.pf-salt{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.pf-saltok{grid-template-columns:minmax(0,1fr)}}
.pf-saltok .pf-kutu img{width:44px; height:44px; border-radius:12px}
.pf-saltok .pf-ok-etiket{font-size:.66rem}
.pf-kutu--kilit{border-color:#D4DCEA; background:linear-gradient(180deg,#fff,#F3F6FB)}
.pf-kosul{padding:clamp(22px,2.4vw,32px); border-radius:20px; background:var(--zemin); border:1px solid var(--cizgi)}
.pf-kosul h3{margin-bottom:.7em; font-size:1.2rem}
.pf-kosul .liste-onay{margin:0}
.pf-durum-izgara{margin-bottom:clamp(44px,5vw,76px)}
.pf-durum{gap:10px}
.pf-nesne{position:relative; display:grid; grid-auto-flow:column; place-content:center; align-items:center; gap:8px; width:86px; height:58px; margin-bottom:6px; border-radius:12px}
.pf-nesne i{width:20px; height:20px; border-radius:6px; background:currentColor}
.pf-nesne i+i{width:14px; height:30px}
.pf-nesne--tam{color:#1FA463; background:#E4F6EC; border:2px solid #1FA463}
.pf-nesne--yaklasik{color:#C98512; background:#FFF4DB; border:2px solid #E3A532}
.pf-nesne--yaklasik i+i{opacity:.3}
.pf-nesne--yer{border:2px dashed #D9484E; background:rgba(217,72,78,.06)}
.pf-nesne--yer::after{content:"?"; position:absolute; inset:0; display:grid; place-items:center; font:800 1.5rem/1 var(--font-baslik); color:#D9484E}
.pf-rapor-alt{align-items:start}
.pf-h3-ara2{margin-top:1.4em}
@media (max-width:480px){.pf-ikili{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){
  .pf-tablo{min-width:0}
  .pf-tablo thead{display:none}
  .pf-tablo tr,.pf-tablo th,.pf-tablo td{display:block; width:100%}
  .pf-tablo tbody th{width:100%; padding-bottom:2px; border-bottom:0}
  .pf-tablo tbody td{padding-top:0}
}