.estekhare-app { max-width:760px; margin:20px auto; font-family: "Tahoma", Arial, sans-serif; direction: rtl; }
.estekhare-card { background:#fff; border-radius:12px; box-shadow:0 6px 28px rgba(30,40,50,0.08); overflow:hidden; border:1px solid #f0f2f5; }
.estekhare-header { padding:18px 22px; background: linear-gradient(90deg,#fffefc,#f6fbff); }
.estekhare-header h2 { margin:0 0 6px; font-size:20px; color:#0b3b66; }
.estekhare-sub { margin:0; color:#6b7687; font-size:13px; }

.estekhare-body { padding:22px; min-height:180px; display:flex; gap:18px; align-items:flex-start; }
.estekhare-placeholder { width:100%; display:flex; gap:18px; align-items:flex-start; }
#estekhare-image { max-width:160px; border-radius:8px; box-shadow:0 8px 24px rgba(15,30,50,0.06); display:block; }

.result-meta { margin-bottom:10px; font-size:14px; color:#333; }
.result-main h3 { margin:8px 0; color:#0b3b66; font-size:16px; }
.result-section h4 { margin:12px 0 6px; font-size:14px; color:#0b3b66; }
.result-grid { display:flex; gap:12px; margin-top:12px; }
.result-box { flex:1; background:#fbfdff; padding:12px; border-radius:10px; border:1px solid #f0f5fb; font-size:14px; }

.estekhare-footer { padding:14px 22px; display:flex; align-items:center; gap:12px; border-top:1px solid #f5f7fa; background:#fff; }
.estekhare-btn { background:#0b6fb2; color:#fff; padding:10px 16px; border-radius:10px; border:0; cursor:pointer; font-size:14px; box-shadow:0 6px 18px rgba(11,111,178,0.12); }
.estekhare-btn.secondary { background:#f0f4f8; color:#0b3b66; box-shadow:none; }

.estekhare-loading { color:#0b3b66; font-size:13px; }
.estekhare-error { color:#c0392b; background:#fff2f0; padding:10px; border-radius:8px; }

.estekhare-translate { display:inline-block; margin-right:8px; text-decoration:none; padding:8px 10px; border-radius:8px; background:#f7f9fb; color:#0b3b66; border:1px solid #e8eff6; font-size:13px; }