/* ===== R62: ProSTOK ürün aileleri ve toplu düzenleme =====
   Sayfalar: aile listesi ve önerileri, aile detayı (genel özellikler, üyeler, föy, geçmiş), toplu düzenleme (özellik satırları, farklılık haritası,
   alt şerit). Bütün renkler tema değişkenlerinden (koyu tema kendiliğinden). Sınıflar pa- öneklidir; ortak değer girişleri (pst-dg) yalnız .pa
   kapsayıcısı içinde biçimlenir. Dar ekranda (390 px) tablolar .tbl-wrap içinde yatay kayar, sayfa kaymaz. */
.pa{min-width:0}
.pa [hidden]{display:none !important}
.pa .sub{display:block;font-size:11.5px;color:var(--ink-3);font-weight:400;margin-top:1px}
.pa-mono{font-family:var(--font-mono);font-size:12.5px}
.pa a.btn{text-decoration:none}
.pa-not{margin:0 0 12px}
.pa-not2{margin-top:8px}
.pa-say{margin:4px 0 6px}
.pa-bos{padding:6px 0}
.pa-sari{color:var(--warn-ink)}
.pa-kirmizi{color:var(--critical)}
.pa-uyari{color:var(--warn-ink)}
.pa-ul{margin:4px 0;padding-left:18px}
.pa-ul li{margin:2px 0;overflow-wrap:anywhere}
.pa-c{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);cursor:pointer;min-width:0}
.pa-c input{margin:0;accent-color:var(--accent);flex:none}
.pa-f{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--ink-3);min-width:0}
.pa-f select{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);max-width:100%;min-width:0}
.pa-f select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.pa-kodlar{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}
.pa-kodlar .chip{text-decoration:none;font-family:var(--font-mono);font-size:11px}
.pa .chip.pa-uzun{white-space:normal;overflow-wrap:anywhere;line-height:1.4;max-width:100%}
.pa-kc .chip{font-size:10px;padding:0 6px;line-height:1.5}
/* kartlar */
.pa-k{min-width:0;margin-bottom:12px}
.pa-k h3{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14px;margin:0 0 8px}
.pa-k h3>span:first-child{flex:1 1 auto}
.pa-k-ek{font-size:12px;font-weight:400;color:var(--ink-3)}
.pa-kv{width:100%;border-collapse:collapse;font-size:13px}
.pa-kv th{width:34%;text-align:left;font-weight:500;color:var(--ink-3);padding:5px 10px 5px 0;vertical-align:top}
.pa-kv td{padding:5px 0;border-bottom:1px solid var(--line-2);vertical-align:top;overflow-wrap:anywhere}
.pa-kv tr:last-child td{border-bottom:0}
/* liste */
.pa-suz{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:10px}
.pa-suz input[type=search]{flex:1 1 260px;min-width:0;max-width:520px;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.pa-suz input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.pa-t td{vertical-align:top}
.pa-t td a{text-decoration:none}
.pa-oneri{margin-top:14px}
.pa-form .help{margin-top:2px}
/* aile detayı: üst bölüm */
.pa-bas{margin-bottom:8px}
.pa-h2{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.pa-h2>span:first-child{overflow-wrap:anywhere}
.pa-dugmeler{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pa-kimlik{display:flex;gap:12px;align-items:flex-start;margin:0 0 10px}
.pa-kucuk{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--surface);flex:none}
.pa-kimlik-m{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;font-size:13px}
.pa-satir{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;overflow-wrap:anywhere}
.pa-satir .pst-foy-durum{display:inline-flex;flex-wrap:wrap;gap:4px}
.pa-sekmeler{margin:4px 0 12px}
.pa-sekmeler button{font-size:12.5px;padding:5px 12px}
.pa-govde{min-width:0}
.pa-arac{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:6px}
.pa-arac .spacer{flex:1}
.pa-oz .note{margin:0 0 12px}
/* genel özellik satırları */
.pa-oz-b{margin-bottom:12px}
.pa-oz-b h3{font-size:14px;margin:0 0 4px}
.pa-en{font-size:11.5px;font-weight:400;color:var(--ink-3)}
.pa-oz-s{display:grid;grid-template-columns:minmax(150px,28%) minmax(0,1fr) minmax(0,300px);gap:4px 12px;padding:7px 0;border-bottom:1px solid var(--line-2);font-size:13px;align-items:start}
.pa-oz-s:last-child{border-bottom:0}
.pa-oz-duz .pa-oz-s{grid-template-columns:minmax(150px,28%) minmax(0,1fr) minmax(0,240px)}
.pa-oz-ad{color:var(--ink-2);font-weight:500;overflow-wrap:anywhere;min-width:0}
.pa-oz-ad .sub{font-size:11px}
.pa-sev{font-style:italic}
.pa-zor{color:var(--warn-ink);margin-left:2px}
.pa-oz-v{min-width:0;overflow-wrap:anywhere}
.pa-oz-k{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;align-items:flex-start;min-width:0}
.pa-oz-k .pa-fark{text-align:right}
.pa-oz-k .pa-fark[open]{text-align:left;width:100%}
.pa-oz-k .btn{font-size:11.5px;padding:2px 8px}
/* açılır değer listesi (kart bazında) */
.pa-fark{min-width:0;max-width:100%}
.pa-fark>summary{cursor:pointer;list-style-position:inside;display:list-item;overflow-wrap:anywhere}
.pa-fark>summary::marker{color:var(--ink-3)}
.pa-fark[open]>summary{margin-bottom:4px}
.pa-fl{display:grid;gap:2px;padding:6px 8px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:8px;max-height:260px;overflow:auto;text-align:left}
.pa-fl-s{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;font-size:12.5px;padding:2px 0;border-bottom:1px solid var(--line-2);min-width:0}
.pa-fl-s:last-child{border-bottom:0}
.pa-fl-s a{flex:none;font-size:12px;font-weight:600;text-decoration:none}
.pa-fl-v{flex:1 1 120px;min-width:0;overflow-wrap:anywhere}
/* değer girişleri (prostok.js degerGirdi) */
.pa .pst-dg{display:flex;flex-direction:column;gap:5px;min-width:0}
.pa .pst-dg input:not([type=checkbox]),.pa .pst-dg select,.pa .pst-dg textarea{font:inherit;font-size:13px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);width:100%;min-width:0;max-width:100%}
.pa .pst-dg input:focus,.pa .pst-dg select:focus,.pa .pst-dg textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.pa .pst-dg input:disabled,.pa .pst-dg select:disabled,.pa .pst-dg textarea:disabled{background:var(--surface-2);color:var(--ink-3)}
.pa .pst-dg .pst-aralik{flex-wrap:wrap}
.pa .pst-dg .pst-aralik input{width:96px;flex:0 1 96px}
.pa .pst-dg .pst-aralik select{width:auto;flex:0 1 110px}
.pa .pst-dg .pst-uc{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.pa .pst-dg .pst-uc select{width:auto;padding:2px 4px;font-size:12px}
.pa .pst-dg .pst-cb input{accent-color:var(--accent)}
.pa .pst-dg .help{display:block;font-size:11.5px;color:var(--ink-3)}
.pa .pst-dg-birimyazi{font-size:12px}
.pa .pst-dg.pa-kapali{opacity:.45}
/* alt şerit (kaydet / uygula) */
.pa-alt{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--accent);border-radius:10px;padding:8px 12px;margin-top:8px;box-shadow:var(--shadow)}
.pa-alt.pa-bar-var{bottom:72px}
.pa-alt .spacer{flex:1}
.pa-degisen{color:var(--ink-3)}
.pa-degisen.on{color:var(--accent-ink);font-weight:600}
/* üyeler */
.pa-genis{min-width:0}
.pa-mx{min-width:0}
.pa-mx th,.pa-mx td{white-space:nowrap}
.pa-mx td.pa-hc{white-space:normal;min-width:110px;max-width:240px;overflow-wrap:anywhere;font-size:12.5px}
.pa-mx .pa-mx-k{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line-2);min-width:120px;max-width:200px;white-space:normal;overflow-wrap:anywhere}
.pa-mx thead .pa-mx-k{z-index:2}
.pa-mx tr:hover td.pa-mx-k{background:var(--surface-2)}
.pa-mx tr{cursor:default}
.pa-lejant{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 6px}
.pa-lejant span{display:inline-flex;align-items:center;gap:5px}
.pa-nk{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ink-3);vertical-align:middle;flex:none;border:1px solid var(--surface)}
.pa-nk-kart{background:var(--accent)}
.pa-nk-aile{background:var(--good)}
.pa-nk-oto{background:var(--ink-3)}
.pa-nk-kart_bos{background:var(--warn)}
.pa-ara{position:relative;max-width:560px}
.pa-ara input{width:100%;font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0}
.pa-ara input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.pa-ara-l{position:absolute;left:0;right:0;top:100%;z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-height:300px;overflow:auto}
.pa-ara-l:empty{display:none}
.pa-ara-l>div{padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--line-2);font-size:13px;overflow-wrap:anywhere}
.pa-ara-l>div:hover{background:var(--accent-soft)}
.pa-ara-l>div.pa-pasif{cursor:default;color:var(--ink-3)}
.pa-ara-l>div.pa-pasif:hover{background:transparent}
.pa-bekleyen{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.pa-bekleyen:empty{display:none}
.pa-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 6px;max-width:100%;font-size:12.5px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-ink);border-radius:14px;padding:2px 4px 2px 10px;min-width:0}
.pa-chip a{color:inherit;font-weight:600;text-decoration:none}
.pa-chip small{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.pa-chip small.pa-uyari{color:var(--warn-ink)}
.pa-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;line-height:1;padding:3px 6px;border-radius:50%}
.pa-chip button:hover{background:var(--surface)}
.pa-ekle-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px}
/* föy */
.pa-foy{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;align-items:start}
.pa-foy-sol,.pa-foy-sag{min-width:0}
.pa-ic{min-width:0}
.pa-ic textarea{min-height:0}
.pa-ikili{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pa-ikili>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.pa-dil{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.pa-sayac{text-align:right}
.pa-sip{display:grid;gap:6px;margin-bottom:6px}
.pa-sip:empty{display:none}
.pa-sip-s{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr) minmax(0,1.4fr) auto;gap:6px;align-items:center}
.pa-sip-s input{font:inherit;font-size:13px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);width:100%;min-width:0;min-height:0}
.pa-sip-btn{display:flex;flex-wrap:wrap;gap:6px}
.pa-form-alt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--line-2);padding-top:10px;margin-top:4px}
.pa-form-alt .spacer{flex:1}
.pa-gorseller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:8px}
.pa-gorsel{display:flex;flex-direction:column;gap:6px;min-width:0}
.pa-gorsel-l{font-size:12px;font-weight:500;color:var(--ink-2)}
.pa-gorsel-r{display:block;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:6px}
.pa-gorsel img{display:block;width:100%;height:160px;object-fit:contain}
.pa-gorsel-bos{min-height:110px;display:grid;place-items:center;text-align:center;padding:8px;border:1px dashed var(--line);border-radius:10px;color:var(--ink-3);font-size:12.5px}
.pa-gorsel-btn{display:flex;flex-wrap:wrap;gap:6px}
.pa-foy-btn{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.pa-hazirlik{display:grid;gap:4px;padding:8px 10px;background:var(--surface-2);border-radius:8px;margin-bottom:10px;overflow-wrap:anywhere}
.pa-foy-rev .tbl-wrap{margin-top:4px}
.pa-foy-rev .tq-table td,.pa-foy-rev .tq-table th{padding:6px;white-space:nowrap}
.pa-foy-rev .tq-table td:nth-child(6){white-space:normal;min-width:120px}
/* geçmiş */
.pa-gec{display:grid}
.pa-gec-s{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line-2);overflow-wrap:anywhere}
.pa-gec-s:last-child{border-bottom:0}
/* toplu düzenleme */
.pa-tp-ozet{display:grid;gap:8px}
.pa-tp-oz1{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px}
.pa-tipler{display:inline-flex;flex-wrap:wrap;gap:4px}
.pa-tp-oz2{overflow-wrap:anywhere}
.pa-tp-oz2 a{font-weight:600}
.pa-tp-ozet .note{margin:0}
.pa-tp-urunler{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow:auto;padding:2px 0}
.pa-tp-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.pa-tp-is .help{margin:0 0 10px;font-size:11.5px;color:var(--ink-3)}
.pa-tp-is-s{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin-bottom:6px}
.pa-tp-is-s .field{margin:0;flex:1 1 220px;min-width:0;max-width:360px}
.pa-tp-is-s .field select,.pa-tp-is-s .field input{min-height:34px;padding-top:6px;padding-bottom:6px;font-size:13px}
.pa-tp-yeni{display:flex;flex-wrap:wrap;gap:8px 12px;flex:1 1 100%;align-items:flex-end}
.pa-tp-arac{display:grid;gap:8px;margin:0 0 10px}
.pa-gorunum{margin:0}
.pa-tp-suz{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end}
.pa-tp-suz .spacer{flex:1}
.pa-tp-suz input[type=search]{flex:1 1 180px;min-width:0;max-width:280px;font:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.pa-tp-suz input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.pa-tp-suz .pa-c{align-self:center}
.pa-durumlar{display:flex;flex-wrap:wrap;gap:4px}
.pa-dchip{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:4px 10px;cursor:pointer}
.pa-dchip b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:2px}
.pa-dchip.on,.pa-dchip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.pa-tp-b{margin-bottom:12px}
.pa-tp-s{display:grid;grid-template-columns:minmax(170px,32%) minmax(0,1fr);gap:4px 14px;padding:8px 6px;margin:0 -6px;border-bottom:1px solid var(--line-2);font-size:13px;align-items:start;border-radius:6px}
.pa-tp-s:last-child{border-bottom:0}
.pa-tp-s.pa-secili{background:linear-gradient(90deg,var(--accent-soft),transparent 75%)}
.pa-tp-sol{display:flex;gap:10px;align-items:flex-start;min-width:0}
.pa-degistir{flex:none;flex-direction:column;gap:1px;font-size:10.5px;color:var(--ink-3);padding-top:1px}
.pa-tp-d{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.pa-kapsam{display:block}
.pa-tp-e{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,250px);gap:8px 12px;align-items:start;padding:8px 10px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:8px;margin-top:4px}
.pa-tp-e .pa-hedef-not{grid-column:1/-1;margin:0}
.pa-hedef-l select{width:100%}
.pa-hedef-not.pa-uyari{color:var(--warn-ink);font-weight:500}
.pa-tp-altbar .pa-kt{flex:1 1 260px;white-space:normal;line-height:1.35}
.pa-harita td.pa-mx-k b{font-weight:600}
.pa-harita th a{text-decoration:none}
.pa-ozet-g{margin:6px 0}
@media (max-width:1000px){.pa-foy{grid-template-columns:minmax(0,1fr)}.pa-foy-sag{order:-1}}
@media (max-width:760px){
  .pa-oz-s,.pa-oz-duz .pa-oz-s{grid-template-columns:minmax(0,1fr);gap:3px}
  .pa-oz-k{justify-content:flex-start;max-width:none}
  .pa-tp-s{grid-template-columns:minmax(0,1fr)}
  .pa-tp-e{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .pa-ikili,.pa-gorseller{grid-template-columns:minmax(0,1fr)}
  .pa-sip-s{grid-template-columns:minmax(0,1fr);padding-bottom:6px;border-bottom:1px solid var(--line-2)}
  .pa-sip-s .btn{justify-self:end}
  .pa-gec-s{grid-template-columns:minmax(0,1fr)}
  .pa-kv th{width:40%}
  .pa-chip small{max-width:140px}
  .pa-tp-is-s .field{max-width:none}
  .pa-tp-suz input[type=search]{max-width:none}
  .pa-alt .btn{flex:1 1 auto;justify-content:center}
}