/* FerizZ Canlı Destek: müşteri paneli (ön ek fz-p-) */

#panel { font-size: var(--fz-y-md); color: var(--fz-yazi); }
.fz-p-bos-tam { margin: auto; padding: var(--fz-b-6); text-align: center; }

.fz-p-ust { padding: var(--fz-b-4) var(--fz-b-4) var(--fz-b-3); background: var(--fz-yuzey); flex: none; }
.fz-p-kimlik { display: flex; align-items: center; gap: var(--fz-b-3); min-width: 0; }
.fz-p-kimlik-yazi { flex: 1; min-width: 0; }
.fz-p-ad-satir { display: flex; align-items: center; gap: var(--fz-b-2); min-width: 0; }
.fz-p-ad { min-width: 0; border: 0; background: transparent; padding: 2px 6px; margin: -2px -6px; border-radius: var(--fz-r-sm); font-size: var(--fz-y-lg); font-weight: 750; color: var(--fz-yazi); text-align: left; letter-spacing: -0.005em; }
.fz-p-ad:hover { background: var(--fz-yuzey-3); }
.fz-p-kimlik-alt { margin-top: 1px; font-size: var(--fz-y-sm); color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }
.fz-p-kapat { display: none; align-self: flex-start; margin: -4px -6px 0 0; }

.fz-p-hizli { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--fz-b-2); margin-top: var(--fz-b-3); }
.fz-p-hizli-dugme { display: flex; flex-direction: column; align-items: center; gap: 4px; min-height: 56px; padding: 6px 2px; border: 0; background: transparent; border-radius: var(--fz-r-md); font-size: 11.5px; font-weight: 650; color: var(--fz-yazi-2); }
.fz-p-hizli-ikon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--fz-r-tam); background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); transition: background var(--fz-sure-hizli), transform var(--fz-sure-hizli); }
.fz-p-hizli-dugme:hover:not(:disabled) .fz-p-hizli-ikon { background: var(--fz-vurgu); color: var(--fz-vurgu-ustu); }
.fz-p-hizli-dugme:active:not(:disabled) .fz-p-hizli-ikon { transform: scale(0.94); }
.fz-p-hizli-dugme:disabled { opacity: 0.45; cursor: not-allowed; }

.fz-p-sekmeler { flex: none; padding: 0 var(--fz-b-3); border-bottom: 1px solid var(--fz-cizgi); background: var(--fz-yuzey); gap: 0; }
.fz-p-sekmeler .fz-sekme { flex: 1; justify-content: center; gap: 6px; }
.fz-p-sekmeler .fz-sayac { font-size: 11px; }

.fz-p-govde { overflow-x: hidden; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; background: var(--fz-zemin); scrollbar-width: thin; }
.fz-p-sek-ic { display: flex; flex-direction: column; gap: var(--fz-b-2); padding: var(--fz-b-3); }

/* Bölümler */
.fz-p-bolum { background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); }
.fz-p-bolum-bas { display: flex; align-items: center; }
.fz-p-bolum-dugme { flex: 1; display: flex; align-items: center; gap: var(--fz-b-2); min-height: 40px; padding: 0 var(--fz-b-3); border: 0; background: transparent; text-align: left; border-radius: var(--fz-r-md); color: var(--fz-yazi); }
.fz-p-bolum-dugme:hover { background: var(--fz-yuzey-2); }
.fz-p-bolum-ad { font-size: var(--fz-y-sm); font-weight: 750; letter-spacing: 0.01em; color: var(--fz-yazi-2); text-transform: none; }
.fz-p-sayi { margin-left: auto; font-size: 11.5px; font-weight: 700; color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }
.fz-p-ok { display: inline-grid; color: var(--fz-yazi-3); transition: transform var(--fz-sure-hizli); }
.fz-p-bolum-dugme[aria-expanded="false"] .fz-p-ok, .fz-p-sip-bas[aria-expanded="false"] .fz-p-ok { transform: rotate(-90deg); }
.fz-p-bolum-ic { padding: 0 var(--fz-b-3) var(--fz-b-3); }
.fz-p-bolum-ic[hidden] { display: none; }
.fz-p-bos-durum { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); padding: var(--fz-b-1) 0; }
.fz-p-alt-baslik { font-size: 11.5px; font-weight: 700; color: var(--fz-yazi-3); text-transform: uppercase; letter-spacing: 0.05em; margin: var(--fz-b-2) 0 var(--fz-b-1); }
.fz-p-alt-baslik:first-child { margin-top: 0; }

/* Kanallar */
.fz-p-kanallar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--fz-b-1); }
.fz-p-kanal { display: flex; align-items: center; gap: var(--fz-b-3); min-height: 44px; }
.fz-p-kanal > .fz-kanal-rozet { position: static; flex: none; width: 30px; height: 30px; }
.fz-p-kanal-yazi { min-width: 0; flex: 1; }
.fz-p-kanal-ad { font-weight: 650; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.fz-p-kanal-alt { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); }
.fz-p-oneri { margin-top: var(--fz-b-2); padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-vurgu-zemin); border: 1px dashed var(--fz-altin-400); }
.fz-p-oneri-bas { display: flex; align-items: center; gap: 6px; color: var(--fz-vurgu-yazi); font-size: var(--fz-y-sm); }
.fz-p-oneri p { margin: 4px 0 var(--fz-b-2); font-size: var(--fz-y-sm); color: var(--fz-yazi-2); line-height: 1.45; }
.fz-p-oneri-dugme { display: flex; gap: var(--fz-b-1); flex-wrap: wrap; }

/* Alan satırları */
.fz-p-satir { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: var(--fz-b-2); align-items: start; padding: 2px 0; border-radius: var(--fz-r-sm); }
.fz-p-satir + .fz-p-satir { border-top: 1px solid var(--fz-cizgi); }
.fz-p-etiket { padding-top: 9px; font-size: var(--fz-y-sm); color: var(--fz-yazi-3); font-weight: 600; }
.fz-p-zorunlu { color: var(--fz-hata); }
.fz-p-kap { min-width: 0; }
.fz-p-deger { position: relative; display: flex; align-items: flex-start; width: 100%; min-height: 36px; padding: 7px 28px 7px 8px; margin-left: -8px; width: calc(100% + 8px); border: 0; border-radius: var(--fz-r-sm); background: transparent; text-align: left; color: var(--fz-yazi); }
.fz-p-deger:hover { background: var(--fz-yuzey-3); }
.fz-p-deger:hover .fz-p-kalem, .fz-p-deger:focus-visible .fz-p-kalem { opacity: 1; }
.fz-p-kalem { position: absolute; right: 8px; top: 10px; opacity: 0; color: var(--fz-yazi-3); transition: opacity var(--fz-sure-hizli); }
.fz-p-metin { overflow-wrap: anywhere; line-height: 1.4; font-variant-numeric: tabular-nums; }
.fz-p-metin--soluk { color: var(--fz-yazi-3); margin-right: 8px; }
.fz-p-bos { display: inline-flex; align-items: center; gap: 4px; color: var(--fz-vurgu-yazi); font-weight: 600; }
.fz-p-iz { display: flex; align-items: center; gap: 4px; margin: -3px 0 5px 0; font-size: 11.5px; color: var(--fz-yazi-3); }
.fz-p-satir--duzen { grid-template-columns: 1fr; gap: 0; padding-bottom: var(--fz-b-2); }
.fz-p-satir--duzen .fz-p-etiket { padding-top: 8px; padding-bottom: 4px; }
.fz-p-duzen { display: flex; align-items: flex-start; gap: var(--fz-b-1); }
.fz-p-duzen .fz-girdi { flex: 1; min-width: 0; }
.fz-p-duzen-dugme { display: flex; gap: 2px; padding-top: 3px; }
.fz-p-duzen-dugme .fz-ikon-btn { width: 30px; height: 30px; }
.fz-p-tamam { background: var(--fz-vurgu); color: var(--fz-vurgu-ustu); }
.fz-p-tamam:hover { background: var(--fz-vurgu-hover); color: var(--fz-vurgu-ustu); }
.fz-p-hata { margin-top: 6px; line-height: 1.35; }
.fz-p-dogum { display: flex; gap: var(--fz-b-1); flex: 1; }
.fz-p-dogum .fz-p-gun { flex: 0 0 76px; }
.fz-p-dogum .fz-p-ay { flex: 1; }
.fz-p-parla { animation: fz-p-parla 1.8s var(--fz-egri); }
@keyframes fz-p-parla { 0%, 25% { background: var(--fz-vurgu-zemin-2); box-shadow: 0 0 0 4px var(--fz-vurgu-zemin-2); } 100% { background: transparent; box-shadow: 0 0 0 4px transparent; } }
.fz-p-salla { animation: fz-p-salla 260ms; }
@keyframes fz-p-salla { 25% { transform: translateX(-3px); } 60% { transform: translateX(3px); } }

/* Ekip notu */
.fz-p-not-kap { border-radius: var(--fz-r-sm); }
.fz-p-not { position: relative; padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-not-zemin); color: var(--fz-not-yazi); border: 1px solid var(--fz-not-cizgi); cursor: text; box-shadow: 0 1px 0 var(--fz-not-cizgi); }
.fz-p-not:hover { border-color: var(--fz-altin-500); }
.fz-p-not-metin { white-space: pre-wrap; line-height: 1.5; overflow-wrap: anywhere; }
.fz-p-not-alt { display: flex; justify-content: space-between; align-items: center; gap: var(--fz-b-2); margin-top: var(--fz-b-2); font-size: 11.5px; opacity: 0.8; }
.fz-p-not-kalem { display: inline-flex; align-items: center; gap: 4px; opacity: 0; transition: opacity var(--fz-sure-hizli); font-weight: 650; }
.fz-p-not:hover .fz-p-not-kalem, .fz-p-not:focus-visible .fz-p-not-kalem { opacity: 1; }
.fz-p-not-ekle { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 44px; padding: 0 var(--fz-b-3); border-radius: var(--fz-r-sm); border: 1px dashed var(--fz-not-cizgi); background: transparent; color: var(--fz-vurgu-yazi); font-weight: 650; text-align: left; }
.fz-p-not-ekle small { margin-left: auto; font-weight: 500; color: var(--fz-yazi-3); font-size: 11.5px; }
.fz-p-not-ekle:hover { background: var(--fz-not-zemin); }
.fz-p-not-giris { display: block; width: 100%; resize: vertical; min-height: 84px; border: 0; outline: 0; background: transparent; color: var(--fz-not-yazi); line-height: 1.5; padding: 0; }
.fz-p-not--duzen { cursor: default; border-color: var(--fz-altin-500); box-shadow: 0 0 0 3px var(--fz-vurgu-zemin-2); }
.fz-p-not-islem { display: flex; align-items: center; gap: var(--fz-b-1); margin-top: var(--fz-b-2); }
.fz-p-ipucu { flex: 1; font-size: 11px; opacity: 0.75; }

/* Etiketler */
.fz-p-etiketler { position: relative; display: flex; flex-wrap: wrap; gap: 6px; }
.fz-p-etiket-cip { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 8px 0 11px; border: 0; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: var(--fz-y-sm); font-weight: 650; }
.fz-p-etiket-cip--altin { background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); }
.fz-p-x { display: inline-grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; opacity: 0.45; }
.fz-p-etiket-cip:hover .fz-p-x { opacity: 1; background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-p-pop-kap { position: relative; display: inline-block; }
.fz-p-etiket-ekle { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 11px; border-radius: var(--fz-r-tam); border: 1px dashed var(--fz-cizgi-guclu); background: transparent; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); font-weight: 650; }
.fz-p-etiket-ekle:hover { border-color: var(--fz-altin-600); color: var(--fz-vurgu-yazi); }
.fz-p-pop { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 5; padding: var(--fz-b-2); border-radius: var(--fz-r-md); background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi-guclu); box-shadow: var(--fz-golge-3); }
.fz-p-pop-liste { max-height: 200px; overflow-y: auto; margin-top: var(--fz-b-1); display: flex; flex-direction: column; gap: 1px; }
.fz-p-pop-oge { display: flex; align-items: center; gap: var(--fz-b-2); min-height: 34px; padding: 0 var(--fz-b-2); border: 0; border-radius: var(--fz-r-xs); background: transparent; text-align: left; color: var(--fz-yazi); }
.fz-p-pop-oge:hover, .fz-p-pop-oge--secili { background: var(--fz-vurgu-zemin); }

/* Görevler */
.fz-p-gorev { padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); }
.fz-p-gorev + .fz-p-gorev { margin-top: var(--fz-b-2); }
.fz-p-gorev-ust { display: flex; align-items: center; gap: var(--fz-b-2); }
.fz-p-gorev-no { font-size: 11.5px; font-weight: 700; color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }
.fz-p-gorev-konu { font-weight: 650; margin: 2px 0 4px; }
.fz-p-gorev-alt { display: flex; justify-content: space-between; gap: var(--fz-b-2); font-size: var(--fz-y-sm); color: var(--fz-yazi-3); flex-wrap: wrap; }
.fz-p-gorev-alt span { display: inline-flex; align-items: center; gap: 4px; }
.fz-p-gecikti { color: var(--fz-hata); }
.fz-p-gorev-dugme { display: flex; gap: var(--fz-b-1); margin-top: var(--fz-b-2); justify-content: flex-end; }

/* Site */
.fz-p-sepet { list-style: none; margin: 0; padding: 0; }
.fz-p-sepet li, .fz-p-urun { display: flex; align-items: center; gap: var(--fz-b-2); padding: 5px 0; }
.fz-p-kucuk-gorsel { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--fz-r-sm); background: var(--fz-yuzey-3); overflow: hidden; }
.fz-p-sepet .fz-p-kucuk-gorsel { width: 36px; height: 36px; }
.fz-p-kucuk-gorsel svg { width: 100%; height: 100%; display: block; }
.fz-p-urun-yazi { flex: 1; min-width: 0; line-height: 1.3; }
.fz-p-urun-yazi small { display: block; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-p-urun-ad { font-weight: 600; }
.fz-p-toplam { display: flex; justify-content: space-between; padding-top: var(--fz-b-2); margin-top: 4px; border-top: 1px solid var(--fz-cizgi); font-size: var(--fz-y-sm); color: var(--fz-yazi-2); }
.fz-p-zaman { list-style: none; margin: 0; padding: 0 0 0 14px; position: relative; }
.fz-p-zaman::before { content: ""; position: absolute; left: 4px; top: 6px; bottom: 6px; width: 2px; background: var(--fz-cizgi); border-radius: 1px; }
.fz-p-zaman li { position: relative; padding: 0 0 var(--fz-b-3); }
.fz-p-zaman li:last-child { padding-bottom: 0; }
.fz-p-zaman li::before { content: ""; position: absolute; left: -14px; top: 5px; width: 10px; height: 10px; border-radius: 50%; background: var(--fz-yuzey); box-shadow: inset 0 0 0 2px var(--fz-cizgi-guclu); }
.fz-p-zaman--simdi::before { background: var(--fz-bende); box-shadow: 0 0 0 3px var(--fz-bende-zemin); }
.fz-p-zaman--bekler { opacity: 0.6; }
.fz-p-zaman-ad { font-weight: 650; line-height: 1.3; }
.fz-p-zaman-alt { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); }
.fz-p-cihaz { display: flex; align-items: center; gap: 6px; margin-top: var(--fz-b-3); padding-top: var(--fz-b-2); border-top: 1px solid var(--fz-cizgi); font-size: var(--fz-y-sm); color: var(--fz-yazi-2); flex-wrap: wrap; }
.fz-p-ayrac-nokta { width: 3px; height: 3px; border-radius: 50%; background: var(--fz-yazi-3); margin: 0 4px; }

/* Siparişler */
.fz-p-ozet { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fz-b-2); }
.fz-p-ozet-kutu { padding: var(--fz-b-3); border-radius: var(--fz-r-md); background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); }
.fz-p-ozet-d { font-size: var(--fz-y-xl); font-weight: 750; letter-spacing: -0.01em; line-height: 1.15; }
.fz-p-ozet-kutu--tarih .fz-p-ozet-d { font-size: var(--fz-y-md); font-weight: 700; padding: 5px 0 3px; }
.fz-p-ozet-kutu--uyari .fz-p-ozet-d { color: var(--fz-uyari); }
.fz-p-ozet-e { margin-top: 3px; font-size: var(--fz-y-sm); color: var(--fz-yazi-3); }
.fz-p-baslik-satir { display: flex; align-items: center; justify-content: space-between; margin: var(--fz-b-2) var(--fz-b-1) 0; }
.fz-p-pra { font-size: 11px; font-weight: 700; color: var(--fz-yazi-3); letter-spacing: 0.04em; }
.fz-p-dipnot { text-align: center; font-size: var(--fz-y-sm); color: var(--fz-yazi-3); padding: var(--fz-b-1) 0; }
.fz-p-bos-buyuk { padding: var(--fz-b-6) var(--fz-b-3); text-align: center; }

.fz-p-sip { background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); overflow: hidden; }
.fz-p-sip-bas { display: flex; align-items: center; flex-wrap: wrap; gap: 4px var(--fz-b-2); width: 100%; min-height: 52px; padding: var(--fz-b-2) var(--fz-b-3); border: 0; background: transparent; text-align: left; color: var(--fz-yazi); }
.fz-p-sip-bas:hover { background: var(--fz-yuzey-2); }
.fz-p-sip-no { font-weight: 700; }
.fz-p-sip-tarih { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); flex: 1; }
.fz-p-sip-ic { padding: 0 var(--fz-b-3) var(--fz-b-3); }
.fz-p-sip-ic[hidden] { display: none; }
.fz-p-sip-no-satir { display: flex; align-items: center; gap: var(--fz-b-2); font-size: var(--fz-y-sm); color: var(--fz-yazi-3); margin-bottom: var(--fz-b-3); }
.fz-p-kopya-no { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 8px; border-radius: var(--fz-r-xs); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey-2); color: var(--fz-yazi); font-weight: 650; font-size: var(--fz-y-sm); }
.fz-p-kopya-no:hover { border-color: var(--fz-altin-600); }
.fz-p-adimlar { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 var(--fz-b-3); padding: 0; }
.fz-p-adim { position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; font-size: 11.5px; font-weight: 650; color: var(--fz-yazi-3); }
.fz-p-adim::before { content: ""; position: absolute; top: 8px; right: 50%; width: 100%; height: 2px; background: var(--fz-cizgi-guclu); }
.fz-p-adim:first-child::before { display: none; }
.fz-p-adim--bitti::before, .fz-p-adim--su-an::before { background: var(--fz-bende); }
.fz-p-adim-nokta { position: relative; z-index: 1; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--fz-yuzey); box-shadow: inset 0 0 0 2px var(--fz-cizgi-guclu); color: var(--fz-yuzey); }
.fz-p-adim--bitti .fz-p-adim-nokta { background: var(--fz-bende); box-shadow: none; }
.fz-p-adim--su-an .fz-p-adim-nokta { box-shadow: inset 0 0 0 5px var(--fz-bende); background: var(--fz-yuzey); }
.fz-p-adim--su-an .fz-p-adim-nokta:not(:empty) { background: var(--fz-bende); box-shadow: none; }
.fz-p-adim--bitti, .fz-p-adim--su-an { color: var(--fz-yazi); }
.fz-p-iade-not { display: flex; align-items: center; gap: 6px; margin-bottom: var(--fz-b-2); padding: 7px 10px; border-radius: var(--fz-r-sm); background: var(--fz-hata-zemin); color: var(--fz-hata); font-size: var(--fz-y-sm); font-weight: 600; }
.fz-p-urunler { list-style: none; margin: 0; padding: var(--fz-b-1) 0; border-top: 1px solid var(--fz-cizgi); border-bottom: 1px solid var(--fz-cizgi); }
.fz-p-kargo { display: flex; gap: var(--fz-b-2); padding: var(--fz-b-3) 0; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); line-height: 1.4; }
.fz-p-kargo > svg { flex: none; margin-top: 2px; color: var(--fz-yazi-3); }
.fz-p-kargo--yok { align-items: center; color: var(--fz-yazi-3); }
.fz-p-kargo--yok > svg { margin-top: 0; }
.fz-p-takip { display: flex; align-items: center; gap: 4px; color: var(--fz-yazi); font-weight: 650; }
.fz-p-kargo-durum { color: var(--fz-yazi-3); }
.fz-p-sip-dugme { display: flex; flex-wrap: wrap; gap: var(--fz-b-1); }
.fz-p-sip-dugme .fz-btn { flex: 1 1 auto; }

/* Geçmiş */
.fz-p-gecmis, .fz-p-aramalar { list-style: none; margin: 0; padding: 0; }
.fz-p-gecmis-satir { display: flex; align-items: center; gap: var(--fz-b-3); width: 100%; min-height: 52px; padding: 6px var(--fz-b-2); margin: 0 calc(var(--fz-b-2) * -1); width: calc(100% + var(--fz-b-4)); border: 0; border-radius: var(--fz-r-sm); background: transparent; text-align: left; color: var(--fz-yazi); }
.fz-p-gecmis-satir:hover { background: var(--fz-yuzey-3); }
.fz-p-gecmis-satir > .fz-kanal-rozet { position: static; flex: none; width: 28px; height: 28px; }
.fz-p-gecmis-yazi { flex: 1; min-width: 0; }
.fz-p-gecmis-konu { font-weight: 650; }
.fz-p-gecmis-alt { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); }
.fz-p-okSag { color: var(--fz-yazi-3); }
.fz-p-arama-ozet { display: flex; gap: var(--fz-b-3); font-size: var(--fz-y-sm); font-weight: 650; color: var(--fz-yazi-2); margin-bottom: var(--fz-b-2); }
.fz-p-arama { display: flex; align-items: center; gap: var(--fz-b-2); min-height: 48px; }
.fz-p-arama + .fz-p-arama { border-top: 1px solid var(--fz-cizgi); }
.fz-p-arama-ikon { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }
.fz-p-arama--giden .fz-p-arama-ikon { background: var(--fz-asistanda-zemin); color: var(--fz-asistanda-yazi); }
.fz-p-arama--cevapsiz .fz-p-arama-ikon { background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-p-arama-yazi { flex: 1; min-width: 0; line-height: 1.3; font-weight: 600; }
.fz-p-arama-yazi small { display: block; font-weight: 400; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }

/* Modal içi */
.fz-p-modal p { margin: 0 0 var(--fz-b-2); line-height: 1.5; }
.fz-p-modal textarea.fz-girdi { min-height: 110px; }
.fz-p-modal-baslik { font-weight: 700; }
.fz-p-iade-urun { display: flex; align-items: center; gap: var(--fz-b-2); min-height: 36px; }
.fz-p-kargo-bas { display: flex; justify-content: space-between; margin-bottom: var(--fz-b-4); padding-bottom: var(--fz-b-3); border-bottom: 1px solid var(--fz-cizgi); }
.fz-p-zaman--kargo { margin-bottom: var(--fz-b-3); }
.fz-p-detay { display: grid; grid-template-columns: 110px 1fr; gap: 6px var(--fz-b-3); margin: 0 0 var(--fz-b-3); }
.fz-p-detay dt { color: var(--fz-yazi-3); }
.fz-p-detay dd { margin: 0; font-weight: 600; }
.fz-p-ozet-metin { padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); }
.fz-p-ozet-metin p { margin: 4px 0 0; }

@media (max-width: 1180px) {
  .fz-p-kapat { display: inline-grid; }
}
@media (max-width: 760px) {
  .fz-p-ust { padding-top: var(--fz-b-3); }
}
.fz-p-deger { flex-wrap: wrap; }
.fz-p-metin--soluk { display: block; width: 100%; margin: 0 0 1px; }
.fz-p-sip-bas { flex-wrap: nowrap; }
.fz-p-sip-tarih { white-space: nowrap; }
.fz-p-sip-bas .fz-cip { flex: none; }
.fz-p-sip-no { white-space: nowrap; flex: none; }
.fz-p-sip-tarih { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.fz-p-sip-tutar { flex: none; white-space: nowrap; }

/* ---------- Yeni görev: düğme ve form ---------- */
.fz-p-gorev-yeni { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 38px; margin-top: var(--fz-b-2); border: 1px dashed var(--fz-cizgi-guclu); border-radius: var(--fz-r-sm); background: transparent; color: var(--fz-vurgu-yazi); font-size: var(--fz-y-sm); font-weight: 700; transition: background var(--fz-sure-hizli), border-color var(--fz-sure-hizli); }
.fz-p-gorev-yeni:hover { background: var(--fz-vurgu-zemin); border-color: var(--fz-altin-400); }
.fz-p-gf { display: flex; flex-direction: column; gap: 12px; }
.fz-p-gf-bagli { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); border: 1px solid var(--fz-cizgi); }
.fz-p-gf-bagli > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.fz-p-gf-bagli small { font-size: 12px; color: var(--fz-yazi-3); }
.fz-p-gf-kat { flex: none; padding: 3px 9px; border-radius: var(--fz-r-tam); background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); font-size: 11.5px; font-weight: 700; }
.fz-p-gf-hizli { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.fz-p-gf-hizli-cip { height: 28px; padding: 0 10px; border: 1px solid var(--fz-cizgi-guclu); border-radius: var(--fz-r-tam); background: transparent; color: var(--fz-yazi-2); font-size: 12px; font-weight: 600; }
.fz-p-gf-hizli-cip:hover { background: var(--fz-yuzey-3); color: var(--fz-yazi); }
.fz-p-gf-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fz-p-gf-etiketler { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-p-gf-etiketler:not(:empty) { margin-bottom: 6px; }
.fz-p-gf .fz-alan-hata[hidden] { display: none; }

/* ================= Tur 3: pazaryeri, iç puan, dil, şüpheli ================= */
.fz-p-pz-urun { display: flex; align-items: center; gap: var(--fz-b-3); margin-bottom: var(--fz-b-2); }
.fz-p-pz-satir { display: flex; justify-content: space-between; gap: var(--fz-b-3); padding: 6px 0; border-top: 1px solid var(--fz-cizgi); font-size: var(--fz-y-sm); }
.fz-p-pz-satir span { color: var(--fz-yazi-3); }
.fz-p-pz-satir b { font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.fz-p-pz-kural { margin-top: var(--fz-b-2); padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); font-size: var(--fz-y-sm); }
.fz-p-pz-kural ul { margin: 4px 0 6px; padding-left: 18px; color: var(--fz-yazi-2); }
.fz-p-pz-not { display: flex; gap: 6px; align-items: flex-start; margin: var(--fz-b-2) 0 0; font-size: var(--fz-y-sm); color: var(--fz-yazi-3); line-height: 1.4; }
.fz-p-pz-not svg { flex: none; margin-top: 2px; }

.fz-p-puan { display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-p-puan-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-2); flex-wrap: wrap; }
.fz-p-yildizlar { display: inline-flex; gap: 2px; }
.fz-p-yildiz { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: var(--fz-r-sm); background: transparent; color: var(--fz-cizgi-guclu); cursor: pointer; transition: transform var(--fz-sure-hizli), color var(--fz-sure-hizli); }
.fz-p-yildiz:hover { background: var(--fz-yuzey-3); transform: scale(1.08); color: var(--fz-puan); }
.fz-p-yildiz--dolu { color: var(--fz-puan); }
.fz-p-ekip-etiket { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 9px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 11.5px; font-weight: 700; }
.fz-p-puan-not { display: flex; gap: var(--fz-b-2); }
.fz-p-puan-not .fz-girdi { flex: 1; min-width: 0; }
.fz-p-puan-oneri { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-p-puan-cip { height: 26px; padding: 0 10px; border: 1px solid var(--fz-cizgi-guclu); border-radius: var(--fz-r-tam); background: var(--fz-yuzey); color: var(--fz-yazi-2); font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.fz-p-puan-cip:hover { background: var(--fz-yuzey-3); color: var(--fz-yazi); }
.fz-p-puan-alt { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-2); font-size: 12px; color: var(--fz-yazi-3); }
.fz-p-link { border: 0; background: transparent; padding: 0; color: var(--fz-vurgu-yazi); font: inherit; font-weight: 650; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }

.fz-p-diller { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-p-dil { height: 32px; padding: 0 12px; border: 1px solid var(--fz-cizgi-guclu); border-radius: var(--fz-r-tam); background: var(--fz-yuzey); color: var(--fz-yazi); font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.fz-p-dil:hover { background: var(--fz-yuzey-3); }
.fz-p-dil--secili { border-color: var(--fz-yardimci); background: var(--fz-yardimci-zemin); color: var(--fz-yardimci); }

.fz-p-supheli { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-supheli-zemin); color: var(--fz-supheli-yazi); }
.fz-p-supheli--olasi { background: color-mix(in srgb, var(--fz-uyari-zemin) 70%, var(--fz-yuzey)); color: var(--fz-not-yazi); }
.fz-p-supheli-bas { display: flex; align-items: flex-start; gap: 6px; line-height: 1.35; }
.fz-p-supheli-bas svg { flex: none; margin-top: 1px; }
.fz-p-supheli small { line-height: 1.4; opacity: 0.9; }
.fz-p-supheli-ekle { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; min-height: 44px; padding: 8px var(--fz-b-3); border-radius: var(--fz-r-sm); border: 1px dashed color-mix(in srgb, var(--fz-hata) 45%, var(--fz-cizgi-guclu)); background: transparent; color: var(--fz-supheli-yazi); font: inherit; font-weight: 650; text-align: left; cursor: pointer; }
.fz-p-supheli-ekle:hover { background: var(--fz-supheli-zemin); }
.fz-p-supheli-ekle small { flex-basis: 100%; margin-left: 21px; color: var(--fz-yazi-3); font-weight: 500; }