/*
 * urun-barkod.css — Ürün sayfası: barkod + fiyat zamanı satırı ("Listeme ekle" düğmesinin hemen altında) ve yetkili
 * "Barkod ekle" formu (Zekai · UYG-1214 · 26.10.2026). Eşi: golden-product.php [data-urun-kimlik], js/urun-barkod.js.
 * Açık tema (uyguno'da koyu tema yok). Renkler beyaz zeminde AA: mürekkep #0f172a · etiket #475569 · turuncu #c2410c.
 * liste-paylas.css'ten SONRA yüklenir (.eylem bileşenini kullanır).
 */
.urun-kimlik { display: grid; gap: 6px; margin-top: -4px; }
/* İkon solda sabit, metin yanında sarılır (dar ekranda ikon tek başına satırda kalmasın) */
.urun-kimlik__satir {
  display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 8px;
  margin: 0; font-size: .875rem; line-height: 1.5; color: #475569;
}
.urun-kimlik__satir > :last-child { min-width: 0; }
.urun-kimlik__satir[hidden] { display: none; }
.urun-kimlik__ik { width: 18px; height: 18px; flex: none; margin-top: 2px; color: #64748b; }
.urun-kimlik__nolar { flex: 1 1 auto; }
.urun-kimlik__et { font-weight: 600; color: #475569; }
.urun-kimlik__nolar { display: inline-flex; flex-wrap: wrap; gap: 4px 10px; }
.urun-kimlik__no {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .875rem; color: #0f172a; font-variant-numeric: tabular-nums; letter-spacing: .03em;
  overflow-wrap: anywhere;
}
.urun-kimlik__zaman time { color: #0f172a; font-variant-numeric: tabular-nums; }

/* ---------- Yetkili: Barkod ekle ---------- */
.urun-kimlik__yonet[hidden] { display: none; }
.ubk-ac {
  display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px;
  border: 1px dashed #7c8ba1; border-radius: 999px; background: #fff; color: #0f172a;
  font: inherit; font-size: .875rem; font-weight: 700; cursor: pointer;
}
.ubk-ac:hover { border-color: #c2410c; color: #c2410c; }
.ubk-ac:focus-visible, .ubk-okut:focus-visible, .ubk-girdi:focus-visible, .ubk-onay:focus-visible { outline: 2px solid #ea580c; outline-offset: 2px; }
.ubk-ac svg, .ubk-okut svg { width: 20px; height: 20px; flex: none; }
.ubk-form { display: grid; gap: 8px; margin-top: 10px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 16px; background: #f8fafc; }
.ubk-form[hidden] { display: none; }
.ubk-et { font-size: .8125rem; font-weight: 700; color: #0f172a; }
.ubk-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.ubk-girdi {
  min-height: 48px; min-width: 0; padding: 0 14px; border: 1px solid #7c8ba1; border-radius: 12px; background: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 1rem; letter-spacing: .04em; color: #0f172a;
}
.ubk-girdi[aria-invalid="true"] { border-color: #b91c1c; }
.ubk-okut {
  display: inline-flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 16px;
  border: 1px solid #0f172a; border-radius: 12px; background: #0f172a; color: #fff;
  font: inherit; font-size: .9375rem; font-weight: 700; cursor: pointer;
}
.ubk-okut:hover { background: #1e293b; }
.ubk-durum { min-height: 20px; margin: 0; font-size: .8125rem; line-height: 1.5; color: #475569; }
.ubk-durum--tamam { color: #15803d; }
.ubk-durum--hata { color: #b91c1c; }
.ubk-durum--uyari { color: #9a3412; }
.ubk-durum a { color: #c2410c; font-weight: 700; text-decoration: underline; }
.ubk-onay {
  display: inline-flex; align-items: center; min-height: 36px; margin-top: 6px; padding: 0 12px;
  border: 1px solid #c2410c; border-radius: 999px; background: #fff; color: #c2410c; font: inherit; font-weight: 700; cursor: pointer;
}
.ubk-eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.ubk-eylem .eylem { min-height: 44px; }
.ubk-kaydet[disabled] { opacity: .6; cursor: progress; }