/* etr-arac3.css — satıcı araçları (barkod, WhatsApp bağlantısı), 2026-10-22. etr-arac2.css'in üstüne yüklenir; aynı marka dili
   (mürekkep panel, krem bant, limon vurgu). Yalnız araca özgü parçalar: önizleme kutusu, düğmeler, kod kutuları, etiket ızgarası. */
.ar3 .ar2-kutu textarea{flex:1;width:100%;min-width:0;min-height:88px;margin:0;padding:10px 12px;border:0!important;border-radius:5px!important;background:transparent;box-shadow:none!important;outline:0;font:inherit;font-size:15px;font-weight:600;line-height:1.5;color:var(--a-ink);resize:vertical}
.ar3 .ar3-kutu-yazi{align-items:stretch}
.ar3 .ar2-kutu input[name="kod"]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}

.ar3-sablon{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ar3-sablon .ar2-et{width:100%}
.ar3 .ar3-sablon button{min-height:34px;margin:0;padding:6px 12px;background:#fff;border:1.5px solid var(--a-line);border-radius:999px;color:var(--a-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ar3 .ar3-sablon button:hover{border-color:var(--a-ink)}

.ar3-onizleme{display:flex;align-items:center;justify-content:center;min-height:150px;margin:14px 0 10px;padding:18px;background:#fff;border-radius:6px;overflow:hidden}
.ar3-onizleme svg{display:block;width:100%;max-width:320px;height:auto}
.ar3-onizleme--qr svg{max-width:230px}
.ar3-onizleme--bos{color:#6b7771;font-size:14px;font-weight:600;text-align:center}
.ar3-durum{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:#cfdad4}
.ar3-durum b{color:#fff}
.ar3-durum[data-ton="uyari"]{padding:9px 11px;background:rgba(223,245,114,.1);border-left:3px solid var(--a-lime);border-radius:3px;color:#eef3ec}
.ar3-durum[data-ton="hata"]{padding:9px 11px;background:rgba(194,65,12,.18);border-left:3px solid #f97316;border-radius:3px;color:#fff}
.ar3-durum:empty{display:none}

.ar3-link{margin:12px 0;padding:12px 14px;background:var(--a-panel2);border:1px solid #2c3d44;border-radius:6px}
.ar3-link code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.5;color:var(--a-lime);word-break:break-all}

.ar3-eylem{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.ar3 .ar3-btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:44px;margin:0;padding:10px 14px;background:var(--a-lime);border:1px solid var(--a-limeb);border-radius:4px;color:#141e15!important;font:inherit;font-size:14.5px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none!important;cursor:pointer}
.ar3 .ar3-btn:hover{background:var(--a-lime2)}
.ar3 .ar3-btn--ikincil{background:transparent;border-color:#3a4a51;color:#fff!important}
.ar3 .ar3-btn--ikincil:hover{background:#1f3037}
.ar3 .ar2-bolum .ar3-btn--ikincil,.ar3 .ar3-kod .ar3-btn--ikincil{background:#fff;border-color:var(--a-ink);color:var(--a-ink)!important;flex:0 0 auto}
.ar3 .ar2-bolum .ar3-btn--ikincil:hover{background:var(--a-paper)}
.ar3 .ar3-btn[disabled]{opacity:.45;cursor:not-allowed}

.ar3-kodlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.ar3-kod{display:flex;flex-direction:column;gap:10px;padding:18px;background:#fff;border:1px solid var(--a-line);border-radius:8px}
.ar3-kod h3{margin:0;font-size:16px;font-weight:800;color:var(--a-ink)}
.ar3-kod p{margin:0;font-size:14px;line-height:1.5;color:var(--a-mut)}
.ar3 .ar3-kod textarea{width:100%;min-height:96px;margin:0;padding:10px 12px;background:var(--a-paper);border:1px solid var(--a-line);border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--a-ink);resize:vertical}

.ar3-etiketler{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:16px}
.ar3-etiket{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:#fff;border:1px solid var(--a-line);border-radius:6px}
.ar3-etiket svg{width:100%;height:auto}
.ar3-etiket--hata{justify-content:center;min-height:90px;border-color:#fdba74;background:#fff7ed;color:#9a3412;font-size:12.5px;font-weight:700;text-align:center;word-break:break-all}

.ar3 .ar2-alan[hidden],.ar3 .ar2-alan--sec[hidden]{display:none!important}
.ar3-kalemler{display:flex;flex-direction:column;gap:8px;grid-column:1/-1;min-width:0}
.ar3-kalem-bas,.ar3-kalem{display:grid;grid-template-columns:minmax(0,1fr) 70px 120px 78px 34px;gap:8px;align-items:center}
.ar3-kalem-bas span{font-size:12px;font-weight:800;color:var(--a-kicker)}
.ar3 .ar3-kalem input,.ar3 .ar3-kalem select{width:100%;min-width:0;height:42px;margin:0;padding:0 10px;border:1.5px solid var(--a-line);border-radius:5px;background:#fff;font:inherit;font-size:15px;font-weight:600;color:var(--a-ink)}
.ar3 .ar3-kalem input:focus,.ar3 .ar3-kalem select:focus{outline:0;border-color:var(--a-ink);box-shadow:0 0 0 3px rgba(223,245,114,.75)}
.ar3 .ar3-kalem button{width:34px;height:42px;margin:0;padding:0;border:1.5px solid var(--a-line);border-radius:5px;background:#fff;color:#7b8781;font-size:20px;line-height:1;cursor:pointer}
.ar3 .ar3-kalem button:hover{border-color:#c2410c;color:#c2410c}
.ar3 .ar3-btn--cizgi{flex:0 0 auto;align-self:flex-start;min-height:40px;background:#fff;border:1.5px dashed var(--a-ink);color:var(--a-ink)!important}
.ar3 .ar3-btn--cizgi:hover{background:var(--a-paper)}
.ar3-belge-kap{overflow-x:auto;padding:6px 0 10px}
.ar3-belge{width:100%;max-width:820px;min-width:600px;margin:0 auto;padding:40px 44px;background:#fff;border:1px solid var(--a-line);border-radius:4px;box-shadow:0 18px 40px -26px rgba(17,29,34,.5)}
@media (max-width:640px){.ar3-kalem-bas{display:none}.ar3-kalem{grid-template-columns:1fr 1fr;grid-template-areas:"ad ad" "adet fiyat" "kdv sil";padding:10px;border:1px solid var(--a-line2);border-radius:6px}.ar3-kalem [data-k=ad]{grid-area:ad}.ar3-kalem [data-k=adet]{grid-area:adet}.ar3-kalem [data-k=fiyat]{grid-area:fiyat}.ar3-kalem [data-k=kdv]{grid-area:kdv}.ar3-kalem button{grid-area:sil;justify-self:end}.ar3-belge{padding:24px}}
.ar3-kart-onizleme{padding:6px 0 4px}
.ar3-kart-onizleme a{color:#131c21!important}
@media (max-width:640px){.ar3-kodlar{grid-template-columns:1fr}.ar3-onizleme{min-height:120px;padding:12px}}