/* Sipariş seçeneği "Dosya Yükleme" (bloklar/secenek_dosya) — Harmony, hızlı ekleme penceresi ve HB widget'ı ortak; renk temadan (currentColor) */
.pe-oo-dosya { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pe-oo-dosya-sec { position: relative; display: inline-flex; align-self: flex-start; max-width: 100%; margin: 0; cursor: pointer; }
.pe-oo-dosya-girdi { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 0; }
.pe-oo-dosya-dugme { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 10px 16px; border: 1px dashed currentColor;
    border-radius: 6px; font-size: 14px; line-height: 1.3; opacity: .85; transition: opacity .15s, background-color .15s; }
.pe-oo-dosya-dugme span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pe-oo-dosya-sec:hover .pe-oo-dosya-dugme { opacity: 1; background: rgba(127, 127, 127, .06); }
.pe-oo-dosya-girdi:focus-visible + .pe-oo-dosya-dugme { outline: 2px solid currentColor; outline-offset: 2px; }
.pe-oo-dosya.is-dolu .pe-oo-dosya-sec { display: none; }
.pe-oo-dosya-bilgi, .pe-oo-dosya-not { font-size: 12px; opacity: .7; }
.pe-oo-dosya-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.pe-oo-dosya-liste:empty { display: none; }
/* Dosya satırı: küçük resim + ad/boyut + kaldır. Tema kitinin global button/li biçemi (zemin, dolgu, min-height, hap köşe) satıra GEÇMESİN: özgüllük .pe-oo-dosya ile yükseltildi, kaldır düğmesi sıfırdan kurulur */
.pe-oo-dosya .pe-oo-dosya-oge { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 8px; margin: 0; border: 1px solid rgba(127, 127, 127, .28); border-radius: 10px; min-width: 0; background: rgba(127, 127, 127, .04); list-style: none; }
.pe-oo-dosya .pe-oo-dosya-simge { position: relative; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(127, 127, 127, .28); box-sizing: border-box; background: #f4f5f7 center / 22px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E"); }
.pe-oo-dosya .pe-oo-dosya-simge.has-gorsel { background-image: none; background-color: #f4f5f7; }
.pe-oo-dosya .pe-oo-dosya-simge img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; margin: 0; padding: 2px; box-sizing: border-box; object-fit: contain; display: block; border: 0; border-radius: 0; }
/* Tür rozeti (görseli olmayan dosyalar: PDF, AI, SVG vb.): uzantı simgenin altında */
.pe-oo-dosya .pe-oo-dosya-oge[data-uzanti]:not([data-uzanti=""]) .pe-oo-dosya-simge:not(.has-gorsel) { background-position: center 7px; }
.pe-oo-dosya .pe-oo-dosya-oge[data-uzanti]:not([data-uzanti=""]) .pe-oo-dosya-simge:not(.has-gorsel)::after { content: attr(data-uzanti); position: absolute; left: 0; right: 0; bottom: 4px; text-align: center; font-size: 9px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1; color: #4b5563; }
.pe-oo-dosya-govde { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.pe-oo-dosya-ad { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pe-oo-dosya-boyut { display: block; font-size: 12px; line-height: 1.2; opacity: .6; }
.pe-oo-dosya-cubuk { display: block; height: 4px; border-radius: 2px; background: rgba(127, 127, 127, .2); overflow: hidden; }
.pe-oo-dosya-cubuk > span { display: block; height: 100%; width: 0; background: currentColor; transition: width .2s; }
.pe-oo-dosya .pe-oo-dosya-kaldir { all: unset; box-sizing: border-box; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; min-height: 32px; max-width: 32px; padding: 0; margin: 0;
    border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 0; line-height: 1; cursor: pointer; opacity: .6; transition: opacity .15s, background-color .15s, color .15s; -webkit-tap-highlight-color: transparent; }
.pe-oo-dosya .pe-oo-dosya-kaldir svg { display: block; width: 16px; height: 16px; pointer-events: none; }
.pe-oo-dosya .pe-oo-dosya-kaldir:hover { opacity: 1; background: rgba(220, 38, 38, .12); color: #b91c1c; }
.pe-oo-dosya .pe-oo-dosya-kaldir:focus-visible { opacity: 1; outline: 2px solid currentColor; outline-offset: 2px; }
.pe-oo-dosya-hata { font-size: 12px; color: #dc2626; }