/* ============================================================
   Panda Çeviri Fiyat Hesaplama – Ön Yüz
   ============================================================ */
.pch-wrap{
	--pch-accent:#16a34a;
	--pch-accent-dark:#0f7a37;
	--pch-accent-rgb:22, 163, 74;
	--pch-ink:#1f2430;
	--pch-muted:#6b7280;
	--pch-line:#e5e7eb;
	--pch-bg:#ffffff;
	--pch-soft:#f7f8fa;
	--pch-radius:14px;
	--pch-shadow:0 10px 30px rgba(20,28,45,.08);
	max-width:1080px;
	margin:0 auto;
	padding:8px;
	color:var(--pch-ink);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	line-height:1.5;
	box-sizing:border-box;
}
.pch-wrap *,.pch-wrap *::before,.pch-wrap *::after{box-sizing:border-box;}
/* Tema CSS'i [hidden] özniteliğini ezebiliyor; zorla gizle. */
.pch-wrap [hidden]{display:none !important;}

/* ===================================================================
   TEMA ÇAKIŞMALARINA KARŞI ZORUNLU SIFIRLAMA (#pch-app kapsamlı)
   Tema; listelere numara/madde işareti, başlıklara renk, kenar boşluğu
   uygulayabiliyor. Bunları eklenti içinde nötrler.
   =================================================================== */
#pch-app ol,#pch-app ul{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}
#pch-app li{
	list-style:none !important;
	text-indent:0 !important;
}
#pch-app li::marker{content:none !important;}
#pch-app ol>li::before,#pch-app ul>li::before{content:none !important;display:none !important;}

/* Adım kutuları ve özet satırlarını tema ezmesin diye yeniden sabitle. */
#pch-app .pch-steps{display:flex !important;gap:6px;margin:0 0 26px !important;}
#pch-app .pch-step{
	display:flex !important;align-items:center;gap:8px;
	padding:10px 12px !important;border-radius:var(--pch-radius);
	background:var(--pch-soft) !important;border:1px solid var(--pch-line) !important;
	margin:0 !important;
}
#pch-app .pch-step.is-active{background:#fff !important;border-color:var(--pch-accent) !important;}
#pch-app .pch-step.is-done{background:#fff !important;}
#pch-app .pch-summary-list li,
#pch-app .pch-summary-extra li{
	display:flex !important;justify-content:space-between !important;align-items:center;
	padding:9px 0 !important;margin:0 !important;
	border-bottom:1px solid rgba(255,255,255,.12) !important;
	background:none !important;
}
#pch-app .pch-success{text-align:center !important;}
#pch-app .pch-success .pch-panel-title{text-align:center !important;}
#pch-app .pch-success-text{
	text-align:center !important;margin-left:auto !important;margin-right:auto !important;max-width:440px;
}
#pch-app .pch-success-line{
	display:flex !important;justify-content:space-between !important;
	padding:10px 0 !important;margin:0 !important;border-bottom:1px solid var(--pch-line) !important;
	background:none !important;
}
#pch-app .pch-success-meta,#pch-app .pch-success-meta *{
	background:none !important;background-color:transparent !important;box-shadow:none !important;
}
#pch-app .pch-success-line span{color:var(--pch-muted) !important;}
#pch-app .pch-success-line strong{color:var(--pch-ink) !important;font-weight:700 !important;}
#pch-app .pch-option{
	display:flex !important;align-items:center;gap:14px;
	border:1px solid var(--pch-line) !important;border-radius:var(--pch-radius);
	padding:16px !important;background:#fff !important;margin:0 !important;
}
#pch-app .pch-option.is-selected{background:rgba(var(--pch-accent-rgb),.07) !important;border-color:var(--pch-accent) !important;}
#pch-app .pch-title,
#pch-app .pch-panel-title,
#pch-app .pch-summary-title{
	margin:0 0 8px !important;
	padding:0 !important;
	border:0 !important;
	text-transform:none !important;
	letter-spacing:-.01em;
	line-height:1.25 !important;
}
#pch-app .pch-title{color:var(--pch-ink) !important;text-align:center;}
#pch-app .pch-header{text-align:center !important;}
#pch-app .pch-subtitle{text-align:center !important;margin-left:auto !important;margin-right:auto !important;max-width:640px;}
#pch-app .pch-panel-title{color:var(--pch-ink) !important;}
/* Koyu panel: başlık ve metinler beyaz kalsın (tema başlık rengini ezmesin). */
#pch-app .pch-summary,#pch-app .pch-summary *{color:#fff;}
#pch-app .pch-summary-title{color:#fff !important;}
#pch-app .pch-summary-list span,
#pch-app .pch-summary-extra span{color:rgba(255,255,255,.65) !important;}
#pch-app .pch-summary-list strong,
#pch-app .pch-summary-total strong{color:#fff !important;}
#pch-app .pch-summary-extra li strong{color:#86efac !important;}
/* Form öğeleri tema stilini almasın. */
#pch-app input,#pch-app select,#pch-app textarea,#pch-app button{
	font-family:inherit !important;
	line-height:1.4 !important;
	max-width:100% !important;
	box-shadow:none;
}
#pch-app .pch-btn{text-decoration:none !important;text-transform:none !important;text-shadow:none !important;}
/* Butonları ve değiştir (⇄) düğmesini tema ezmesin. */
#pch-app .pch-btn{
	border:none !important;border-radius:11px !important;padding:12px 22px !important;
	min-width:0 !important;width:auto;line-height:1.2 !important;font-weight:700 !important;
}
#pch-app .pch-btn-primary{background:var(--pch-accent) !important;color:#fff !important;}
#pch-app .pch-btn-ghost{background:transparent !important;color:var(--pch-muted) !important;border:1px solid var(--pch-line) !important;}
#pch-app .pch-swap{
	width:44px !important;min-width:44px !important;height:44px !important;
	flex:0 0 44px !important;padding:0 !important;border-radius:50% !important;
	border:1px solid var(--pch-line) !important;background:#fff !important;
	color:var(--pch-accent-dark) !important;font-size:1.2rem !important;line-height:1 !important;
	text-transform:none !important;box-shadow:none !important;
	display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
#pch-app .pch-file-remove{
	width:28px !important;min-width:28px !important;height:28px !important;
	flex:0 0 28px !important;padding:0 !important;border:none !important;border-radius:8px !important;
	background:#fee2e2 !important;color:#b91c1c !important;font-size:1.1rem !important;line-height:1 !important;
	text-transform:none !important;box-shadow:none !important;
	display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
#pch-app a{color:inherit !important;text-decoration:none !important;box-shadow:none !important;background:none !important;}
#pch-app .pch-dz-text strong{color:var(--pch-accent) !important;}
#pch-app p{margin:0 0 12px;}

/* Başlık */
.pch-header{text-align:center;margin:8px 0 24px;}
.pch-title{font-size:1.9rem;font-weight:800;margin:0 0 8px;color:var(--pch-ink);letter-spacing:-.02em;}
.pch-subtitle{color:var(--pch-muted);max-width:640px;margin:0 auto;font-size:1rem;}

/* Adım göstergesi */
.pch-steps{
	display:flex;list-style:none;margin:0 0 26px;padding:0;
	counter-reset:step;gap:6px;flex-wrap:wrap;justify-content:center;
}
.pch-step{
	display:flex;align-items:center;gap:8px;flex:1;min-width:120px;
	padding:10px 12px;border-radius:var(--pch-radius);
	background:var(--pch-soft);border:1px solid var(--pch-line);
	font-size:.92rem;color:var(--pch-muted);cursor:default;transition:.2s;
}
.pch-step.is-done{cursor:pointer;}
.pch-step-num{
	width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
	background:#fff;border:1px solid var(--pch-line);font-weight:700;font-size:.85rem;color:var(--pch-muted);
	flex:0 0 auto;transition:.2s;
}
.pch-step.is-active{border-color:var(--pch-accent);background:#fff;color:var(--pch-ink);font-weight:700;box-shadow:var(--pch-shadow);}
.pch-step.is-active .pch-step-num{background:var(--pch-accent);border-color:var(--pch-accent);color:#fff;}
.pch-step.is-done .pch-step-num{background:var(--pch-accent-dark);border-color:var(--pch-accent-dark);color:#fff;}
.pch-step.is-done .pch-step-num::after{content:"✓";}
.pch-step.is-done .pch-step-num{font-size:0;}
.pch-step.is-done .pch-step-num::after{font-size:.85rem;}

/* Yerleşim */
.pch-layout{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start;}
.pch-main{
	background:var(--pch-bg);border:1px solid var(--pch-line);border-radius:var(--pch-radius);
	box-shadow:var(--pch-shadow);padding:28px;min-height:340px;
}

/* Paneller */
.pch-panel{display:none;animation:pch-fade .25s ease;}
.pch-panel.is-active{display:block;}
@keyframes pch-fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.pch-panel-title{font-size:1.25rem;font-weight:800;margin:0 0 6px;}
.pch-panel-desc{color:var(--pch-muted);margin:0 0 20px;font-size:.95rem;}

/* Dropzone */
.pch-dropzone{
	position:relative;border:2px dashed var(--pch-line);border-radius:var(--pch-radius);
	padding:38px 20px;text-align:center;cursor:pointer;transition:.2s;background:var(--pch-soft);
}
.pch-dropzone:hover,.pch-dropzone:focus,.pch-dropzone.is-drag{border-color:var(--pch-accent);background:rgba(var(--pch-accent-rgb),.07);outline:none;}
.pch-dropzone.is-compact{padding:18px;}
.pch-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.pch-dz-inner{pointer-events:none;}
.pch-dz-icon{color:var(--pch-accent);margin-bottom:8px;}
.pch-dz-text{margin:0 0 4px;font-size:1.02rem;}
.pch-dz-hint{margin:0;color:var(--pch-muted);font-size:.82rem;}
.pch-dz-spinner{
	display:none;width:36px;height:36px;margin:0 auto 10px;border-radius:50%;
	border:3px solid rgba(var(--pch-accent-rgb),.2);border-top-color:var(--pch-accent);
	animation:pch-spin .8s linear infinite;
}
@keyframes pch-spin{to{transform:rotate(360deg);}}
.pch-dropzone.is-loading{
	border-color:var(--pch-accent);border-style:solid;
	background:rgba(var(--pch-accent-rgb),.05);cursor:progress;pointer-events:none;
}
.pch-dropzone.is-loading .pch-dz-spinner{display:block;}
.pch-dropzone.is-loading .pch-dz-icon{display:none;}
.pch-dropzone.is-loading .pch-dz-text strong{
	animation:pch-pulse 1.6s ease-in-out infinite;
}
@keyframes pch-pulse{0%,100%{opacity:1;}50%{opacity:.55;}}
@media (prefers-reduced-motion:reduce){
	.pch-dz-spinner{animation-duration:2s;}
	.pch-dropzone.is-loading .pch-dz-text strong{animation:none;}
}

/* Yüklenen dosya satırı */
.pch-file-row{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	margin-top:14px;border:1px solid var(--pch-line);border-radius:var(--pch-radius);
	padding:12px 16px;background:#fff;
}
.pch-file-name{font-weight:600;word-break:break-all;}
.pch-file-remove{border:none;background:#fee2e2;color:#b91c1c;width:28px;height:28px;border-radius:8px;font-size:1.1rem;line-height:1;cursor:pointer;flex:0 0 auto;}
.pch-file-remove:hover{background:#fecaca;}

/* Başarı bildirimi (sayım tamamlanınca) */
.pch-success-pop{
	display:flex;align-items:center;gap:10px;margin-top:14px;padding:13px 16px;
	border:1px solid #86efac;border-radius:var(--pch-radius);
	background:#f0fdf4;color:#15803d;font-size:.95rem;
	animation:pch-pop .35s ease;transition:opacity .4s,transform .4s;
}
.pch-success-pop strong{color:#166534;}
.pch-success-pop.is-hide{opacity:0;transform:translateY(-4px);}
.pch-success-check{
	flex:0 0 auto;width:22px;height:22px;border-radius:50%;
	background:#22c55e;color:#fff;font-size:.85rem;font-weight:700;
	display:flex;align-items:center;justify-content:center;
}
@keyframes pch-pop{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* Kelime sayısı kutusu (her zaman görünür) */
.pch-wordcount-box{
	display:flex;align-items:center;gap:12px;flex-wrap:wrap;
	margin-top:14px;border:1px solid var(--pch-line);border-radius:var(--pch-radius);
	padding:14px 16px;background:var(--pch-soft);
}
.pch-wordcount-box label{font-size:.9rem;font-weight:600;color:var(--pch-ink);}
.pch-wordcount-box input{width:140px;padding:9px 10px;border:1px solid var(--pch-line);border-radius:9px;font-size:1rem;}
.pch-words-note{font-size:.82rem;color:var(--pch-muted);}
.pch-words-note.is-exact{color:var(--pch-accent-dark);}
.pch-words-note.is-approx{color:#b45309;}

/* Diller */
.pch-lang-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;}
.pch-field label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px;color:var(--pch-ink);}
.pch-field select,.pch-field input,.pch-field textarea{
	width:100%;padding:11px 12px;border:1px solid var(--pch-line);border-radius:10px;font-size:1rem;
	background:#fff;color:var(--pch-ink);transition:.15s;font-family:inherit;
}
.pch-field select:focus,.pch-field input:focus,.pch-field textarea:focus{
	border-color:var(--pch-accent);box-shadow:0 0 0 3px rgba(var(--pch-accent-rgb),.12);outline:none;
}
.pch-swap{
	width:44px;height:44px;border-radius:50%;border:1px solid var(--pch-line);background:#fff;
	font-size:1.2rem;cursor:pointer;color:var(--pch-accent-dark);transition:.2s;margin-bottom:1px;
}
.pch-swap:hover{background:var(--pch-accent);color:#fff;border-color:var(--pch-accent);transform:rotate(180deg);}

/* Seçenekler */
.pch-options{display:grid;gap:12px;}
.pch-option{
	display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--pch-line);
	border-radius:var(--pch-radius);cursor:pointer;transition:.15s;background:#fff;
}
.pch-option:hover{border-color:var(--pch-accent);}
.pch-option.is-selected{border-color:var(--pch-accent);background:rgba(var(--pch-accent-rgb),.07);box-shadow:0 0 0 1px var(--pch-accent) inset;}
.pch-opt-check{width:20px;height:20px;flex:0 0 auto;accent-color:var(--pch-accent);cursor:pointer;}
.pch-opt-box{flex:1;display:flex;flex-direction:column;gap:2px;}
.pch-opt-name{font-weight:700;}
.pch-opt-desc{font-size:.85rem;color:var(--pch-muted);}
.pch-opt-price{font-weight:700;color:var(--pch-accent-dark);white-space:nowrap;font-size:.92rem;}

/* Form */
.pch-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pch-field-full{grid-column:1 / -1;}
.pch-kvkk{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:.9rem;color:var(--pch-muted);cursor:pointer;}
.pch-kvkk input{margin-top:3px;accent-color:var(--pch-accent);}

/* Aksiyon tuşları */
.pch-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px;}
.pch-btn{
	border:none;border-radius:11px;padding:12px 22px;font-size:1rem;font-weight:700;cursor:pointer;
	transition:.18s;font-family:inherit;
}
.pch-btn-primary{background:var(--pch-accent);color:#fff;box-shadow:0 6px 16px rgba(var(--pch-accent-rgb),.28);}
.pch-btn-primary:hover{background:var(--pch-accent-dark);transform:translateY(-1px);}
.pch-btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none;}
.pch-btn-ghost{background:transparent;color:var(--pch-muted);border:1px solid var(--pch-line);}
.pch-btn-ghost:hover{color:var(--pch-ink);border-color:var(--pch-ink);}

/* Mesajlar */
.pch-inline-msg,.pch-message{
	margin-top:14px;padding:11px 14px;border-radius:10px;font-size:.92rem;
	background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;
}
.pch-message.is-error{background:#fef2f2;color:#b91c1c;border-color:#fecaca;}
.pch-message.is-success{background:rgba(var(--pch-accent-rgb),.07);color:var(--pch-accent-dark);border-color:rgba(var(--pch-accent-rgb),.35);}

/* Başarı */
.pch-success{text-align:center;padding:20px 0;}
.pch-success-icon{
	width:64px;height:64px;border-radius:50%;background:var(--pch-accent);color:#fff;
	display:grid;place-items:center;font-size:2rem;margin:0 auto 16px;
	box-shadow:0 8px 22px rgba(var(--pch-accent-rgb),.35);
}
.pch-success-text{color:var(--pch-muted);max-width:440px;margin:0 auto 20px;}
.pch-success-meta{max-width:380px;margin:0 auto;text-align:left;}
.pch-success-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--pch-line);}
.pch-success-line span{color:var(--pch-muted);}
.pch-success-line strong{font-weight:700;}

/* Fiyat özeti (sticky) */
.pch-summary{
	position:sticky;top:20px;background:var(--pch-ink);color:#fff;border-radius:var(--pch-radius);
	padding:22px;box-shadow:var(--pch-shadow);
}
.pch-summary-title{margin:0 0 16px;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;}
.pch-summary-list,.pch-summary-extra{list-style:none;margin:0;padding:0;}
.pch-summary-list li,.pch-summary-extra li{
	display:flex;justify-content:space-between;align-items:center;gap:10px;
	padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.92rem;
}
.pch-summary-list span,.pch-summary-extra span{color:rgba(255,255,255,.65);}
.pch-summary-list strong,.pch-summary-extra strong{font-weight:600;text-align:right;}
.pch-summary-extra li strong{color:#86efac;}
.pch-summary-total{
	display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;
	border-top:2px solid rgba(255,255,255,.2);
}
.pch-summary-total span{font-size:.95rem;color:rgba(255,255,255,.8);}
.pch-summary-total strong{font-size:1.5rem;font-weight:800;color:#fff;}
.pch-summary-note{font-size:.76rem;color:rgba(255,255,255,.5);margin:14px 0 0;}

/* Responsive */
@media (max-width:880px){
	.pch-layout{grid-template-columns:1fr;}
	.pch-summary{position:static;order:-1;}
	.pch-step-label{display:none;}
	.pch-step{min-width:auto;flex:0 0 auto;justify-content:center;}
}
@media (max-width:560px){
	.pch-main{padding:18px;}
	.pch-title{font-size:1.5rem;}
	.pch-lang-grid{grid-template-columns:1fr;}
	.pch-swap{justify-self:center;margin:0 auto;transform:rotate(90deg);}
	.pch-swap:hover{transform:rotate(270deg);}
	.pch-form-grid{grid-template-columns:1fr;}
	.pch-actions{flex-direction:column-reverse;}
	.pch-actions .pch-btn{width:100%;}
}