/* R106 Faz 3b: maliyet ve değerleme, planlama (XYZ, en az / en çok önerisi), tedarikçiler, ürün bilgisi işleri.
   Stok kartı sekmeleri pk- sınıflarını (prostok_kart.css), analiz sekmeleri pz- sınıflarını (prostok_analiz.css) kullanır; burada yalnız pl- ve pa-bilgi
   eklentileri. Bütün renkler tema değişkenlerinden (koyu tema kendiliğinden). */
.pl-yontem{margin:10px 0 0;font-size:12.5px;color:var(--ink-2)}
.pl-yontem summary{cursor:pointer;color:var(--accent-ink);font-weight:500}
.pl-yontem p{margin:6px 0 0;line-height:1.55}
.pl-fark{color:var(--warn-ink);font-weight:600}
.pl-uyar{color:var(--warn-ink);margin:6px 0 0}
.pl-gerekce{margin:8px 0 0;padding-left:18px;line-height:1.6;color:var(--ink-2)}
.pl-gerekce b{color:var(--ink)}

/* aylık çıkış çubukları */
.pl-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;align-items:end;height:150px;margin:4px 0 6px}
.pl-bar{display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;min-width:0}
.pl-bar-v{font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;min-height:13px;white-space:nowrap}
.pl-bar-c{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--surface-2);border-radius:4px;overflow:hidden}
.pl-bar-c i{display:block;width:100%;height:0;background:var(--accent);border-radius:4px 4px 0 0;transition:height .25s}
.pl-bar-l{font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* ABC / XYZ matrisi */
.pl-mat th,.pl-mat td{text-align:center}
.pl-mat th:first-child{text-align:left}
.pl-mh{font:inherit;font-variant-numeric:tabular-nums;min-width:44px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer}
.pl-mh:hover{background:var(--surface-2)}
.pl-mh.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.pl-mh.bos{color:var(--ink-3)}
.pl-mh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pl-suz{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:0 0 10px}
.pl-arac{border-top:1px solid var(--line-2);padding-top:8px}
.pl-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pl-alanlar{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 10px}

/* ek maliyet penceresi */
.pl-ek{min-width:0}
.pl-ek-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px}
.pl-ek-f .field{margin:0 0 8px;min-width:0}
.pl-ek-f input,.pl-ek-f select{width:100%;min-width:0}
.pl-ek-gen{grid-column:span 2}
.pl-ek-y{display:flex;flex-wrap:wrap;gap:6px 18px;margin:2px 0 10px;font-size:13px}
.pl-ek-y label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.pl-ek-y input{accent-color:var(--accent)}
.pl-ek-ara{display:flex;gap:8px;margin:0 0 8px}
.pl-ek-ara input{flex:1;min-width:0;font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.pl-ek-ozet{margin:8px 0 0;color:var(--ink-2)}

/* ürün bilgisi: iş verme satırı */
.pa-bilgi-is .pz-f select,.pa-bilgi-is .pz-f input{min-width:160px}

@media (max-width:820px){.pl-iki{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .pl-ek-f{grid-template-columns:minmax(0,1fr)}
  .pl-ek-gen{grid-column:auto}
  .pl-bars{height:120px;gap:2px}
  .pl-bar-v{font-size:9.5px}
  .pa-bilgi-is .pz-f,.pa-bilgi-is .pz-f select,.pa-bilgi-is .pz-f input{width:100%;min-width:0}
}