/* Elektrikli Türkiye — hesaplayıcılar
   Mantık temada; sayfa içeriğinde yalnızca kısa kod bulunur, böylece
   editör düzenlemeleri hesaplayıcıyı bir daha bozamaz. */

.et-hesap{
	--eh-cizgi:var(--border,#e5e7eb);
	--eh-ana:var(--primary,#1a56db);
	--eh-metin:var(--text,#111827);
	--eh-soluk:var(--text-light,#4b5563);
	background:var(--bg-card,#fff);
	border:1px solid var(--eh-cizgi);
	border-radius:14px;
	padding:22px 24px 24px;
	margin:26px 0;
	box-shadow:0 1px 3px rgba(0,0,0,.06);
	font-family:var(--font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);
}
.et-hesap *{box-sizing:border-box}
.et-hesap-ust{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.et-hesap-baslik{font-size:1.0625rem;font-weight:800;color:var(--eh-metin);line-height:1.3}
.et-hesap-etiket{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--eh-ana);background:var(--primary-bg,#eff6ff);padding:3px 9px;border-radius:99px}
.et-hesap-alt{font-size:.8125rem;color:var(--text-muted,#9ca3af);margin-bottom:18px;line-height:1.55}

/* --- mod seçici --- */
.et-hesap-mod{display:flex;gap:6px;background:var(--bg-alt,#f3f4f6);padding:4px;border-radius:10px;margin-bottom:18px}
.et-hesap-mod label{flex:1;position:relative}
.et-hesap-mod input{position:absolute;opacity:0;pointer-events:none}
.et-hesap-mod span{display:block;text-align:center;padding:9px 10px;font-size:.8125rem;font-weight:600;color:var(--eh-soluk);border-radius:8px;cursor:pointer;transition:background .15s,color .15s;line-height:1.3}
.et-hesap-mod input:checked+span{background:var(--bg,#fff);color:var(--eh-ana);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.et-hesap-mod input:focus-visible+span{outline:2px solid var(--eh-ana);outline-offset:2px}

/* --- alanlar --- */
.et-hesap-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px}
.et-hesap-alan{display:flex;flex-direction:column;gap:5px;min-width:0}
.et-hesap-alan.et-genis{grid-column:1/-1}
.et-hesap-alan label{font-size:.8125rem;font-weight:600;color:var(--eh-metin)}
.et-hesap-alan .et-ipucu{font-size:.75rem;color:var(--text-muted,#9ca3af);font-weight:400;line-height:1.45}
.et-hesap-giris{position:relative;display:flex;align-items:center}
.et-hesap-giris input{width:100%;padding:10px 12px;padding-right:56px;border:1px solid var(--eh-cizgi);border-radius:9px;font-size:.9375rem;font-family:inherit;color:var(--eh-metin);background:var(--bg,#fff);outline:none;transition:border-color .15s,box-shadow .15s}
.et-hesap-giris input:focus{border-color:var(--eh-ana);box-shadow:0 0 0 3px var(--primary-bg,#eff6ff)}
.et-hesap-giris input.et-gecersiz{border-color:#dc2626}
.et-hesap-birim{position:absolute;right:12px;font-size:.75rem;color:var(--text-muted,#9ca3af);font-weight:600;pointer-events:none}

/* --- sonuç --- */
.et-hesap-sonuc{margin-top:20px;padding-top:18px;border-top:1px dashed var(--eh-cizgi)}
.et-hesap-satirlar{display:flex;flex-direction:column;gap:1px;background:var(--eh-cizgi);border:1px solid var(--eh-cizgi);border-radius:10px;overflow:hidden}
.et-hesap-satir{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 15px;background:var(--bg,#fff);font-size:.875rem}
.et-hesap-satir dt{color:var(--eh-soluk)}
.et-hesap-satir dd{font-weight:700;color:var(--eh-metin);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.et-hesap-satir.et-vurgu{background:var(--primary-bg,#eff6ff)}
.et-hesap-satir.et-vurgu dt{color:var(--eh-metin);font-weight:700}
.et-hesap-satir.et-vurgu dd{color:var(--eh-ana);font-size:1.0625rem}
.et-hesap-satir.et-kazanc dd{color:var(--success,#15803d)}

/* --- oran çubuğu --- */
.et-hesap-cubuk{display:flex;height:10px;border-radius:99px;overflow:hidden;margin:14px 0 8px;background:var(--bg-alt,#f3f4f6)}
.et-hesap-cubuk i{display:block;height:100%}
.et-hesap-cubuk i:nth-child(1){background:#94a3b8}
.et-hesap-cubuk i:nth-child(2){background:#ef4444}
.et-hesap-cubuk i:nth-child(3){background:#f59e0b}
.et-hesap-anahtar{display:flex;flex-wrap:wrap;gap:14px;font-size:.75rem;color:var(--eh-soluk)}
.et-hesap-anahtar span{display:flex;align-items:center;gap:5px}
.et-hesap-anahtar i{width:9px;height:9px;border-radius:3px;display:inline-block}

/* --- uyarı / not --- */
.et-hesap-uyari{margin-top:14px;padding:12px 15px;border-radius:10px;font-size:.8125rem;line-height:1.6;background:var(--warning-bg,#fffbeb);border:1px solid #fde68a;color:#78350f}
.et-hesap-uyari strong{color:#78350f}
.et-hesap-uyari a{color:#78350f;text-decoration:underline}
.et-hesap-not{margin-top:14px;font-size:.75rem;color:var(--text-muted,#9ca3af);line-height:1.65}
.et-hesap-not a{color:var(--eh-ana)}

/* --- gömme kutusu --- */
.et-gomme{margin-top:18px;padding-top:16px;border-top:1px solid var(--eh-cizgi)}
.et-gomme-baslik{font-size:.8125rem;font-weight:700;color:var(--eh-metin);margin-bottom:4px}
.et-gomme-alt{font-size:.75rem;color:var(--text-muted,#9ca3af);margin-bottom:10px;line-height:1.55}
.et-gomme-kutu{display:flex;gap:8px;align-items:stretch}
.et-gomme-kutu textarea{flex:1;min-height:64px;padding:9px 11px;border:1px solid var(--eh-cizgi);border-radius:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;line-height:1.5;color:var(--eh-soluk);background:var(--bg-alt,#f3f4f6);resize:vertical;outline:none}
.et-gomme-kopyala{flex:0 0 auto;padding:0 16px;border:none;border-radius:9px;background:var(--eh-ana);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}
.et-gomme-kopyala:hover{background:var(--primary-dark,#1e40af)}
.et-gomme-kopyala.et-oldu{background:var(--success,#15803d)}

/* --- iframe (gömülü) modu --- */
body.et-gomulu{margin:0;padding:12px;background:#fff}
body.et-gomulu .et-hesap{margin:0;border:none;box-shadow:none;padding:4px 2px}
body.et-gomulu .et-gomme{display:none}
.et-gomulu-imza{margin-top:14px;padding-top:12px;border-top:1px solid var(--border,#e5e7eb);font-size:.75rem;color:var(--text-muted,#9ca3af);text-align:center}
.et-gomulu-imza a{color:var(--primary,#1a56db);font-weight:600;text-decoration:none}

@media(max-width:640px){
	.et-hesap{padding:18px 16px 20px;border-radius:12px}
	.et-hesap-izgara{grid-template-columns:1fr;gap:13px}
	.et-hesap-mod{flex-direction:column}
	.et-hesap-satir{font-size:.8125rem}
	.et-gomme-kutu{flex-direction:column}
	.et-gomme-kopyala{padding:10px 16px}
}
@media print{.et-hesap-mod,.et-gomme{display:none}}