/* ── PRAYER MODAL ── */
.prayer-modal {
  max-width: 580px; width: 92%;
  max-height: 88vh;
  display: flex; flex-direction: column;
  padding: 0; overflow: hidden;
}
.prayer-header {
  display: flex; align-items: center; gap: 14px;
  padding: 24px 28px 18px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.prayer-icon { font-size: 1.8rem; line-height: 1; }
.prayer-title {
  font-family: Arial, sans-serif;
  font-size: 1.05rem; letter-spacing: 0.1em;
  color: var(--gold-light);
}
.prayer-subtitle {
  font-family: Arial, sans-serif;
  font-size: 0.88rem; font-style: italic;
  color: var(--ink-light); opacity: 0.75; margin-top: 2px;
}
.prayer-mode-row {
  display: flex; gap: 8px; flex-wrap: wrap;
  padding: 16px 28px 0;
  flex-shrink: 0;
}
.prayer-mode-btn {
  font-family: Arial, sans-serif;
  font-size: 0.62rem; letter-spacing: 0.08em;
  padding: 7px 13px;
  border: none; border-radius: 20px;
  background: rgba(184,134,11,0.12);
  color: var(--ink-light);
  cursor: pointer; transition: all 0.15s;
}
.prayer-mode-btn:hover { background: rgba(184,134,11,0.25); color: var(--gold); }
.prayer-mode-btn.active { background: var(--gold); color: var(--ink); font-weight: 600; }
.prayer-panel {
  padding: 18px 28px 24px;
  overflow-y: auto; flex: 1;
}
.prayer-panel-desc {
  font-family: Arial, sans-serif;
  font-size: 1rem; line-height: 1.6;
  color: var(--ink-light); margin-bottom: 14px;
  font-style: italic;
}
.prayer-input-row {
  display: flex; gap: 8px; align-items: flex-start;
  margin-bottom: 14px;
}
.prayer-input {
  flex: 1;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--ink);
  outline: none;
  transition: border-color 0.2s;
}
.prayer-input:focus { border-color: var(--gold); }
.prayer-textarea {
  flex: 1; resize: vertical; min-height: 80px;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--ink);
  outline: none;
  transition: border-color 0.2s;
}
.prayer-textarea:focus { border-color: var(--gold); }
.prayer-mic-btn {
  background: rgba(184,134,11,0.15);
  border: none; border-radius: 8px;
  padding: 10px 11px; font-size: 1rem;
  cursor: pointer; color: var(--gold);
  transition: background 0.2s; flex-shrink: 0;
  align-self: flex-start;
}
.prayer-mic-btn:hover { background: rgba(184,134,11,0.3); }
.prayer-mic-btn.listening { background: rgba(220,50,50,0.25); animation: pulse 1s infinite; }
.prayer-go-btn {
  font-family: Arial, sans-serif;
  font-size: 0.68rem; letter-spacing: 0.1em;
  padding: 10px 24px;
  background: var(--gold);
  color: var(--ink);
  border: none; border-radius: 8px;
  cursor: pointer; transition: background 0.2s;
  margin-top: 4px;
}
.prayer-go-btn:hover { background: var(--gold-light); }
.voice-status {
  font-family: Arial, sans-serif;
  font-size: 0.9rem; font-style: italic;
  color: var(--gold); margin-top: 12px;
  text-align: center;
}
.prayer-output {
  padding: 20px 28px 24px;
  overflow-y: auto; flex: 1;
}
.prayer-output-text {
  font-family: Arial, sans-serif;
  font-size: 1.1rem; line-height: 1.9;
  color: var(--ink);
  border-left: 3px solid var(--gold);
  padding-left: 18px;
  font-style: italic;
  margin-bottom: 20px;
}
.prayer-output-actions {
  display: flex; gap: 12px; align-items: center;
}
.prayer-action-btn {
  font-family: Arial, sans-serif;
  font-size: 0.65rem; letter-spacing: 0.08em;
  padding: 8px 18px;
  background: rgba(184,134,11,0.15);
  border: none; border-radius: 8px;
  color: var(--gold); cursor: pointer;
  transition: background 0.2s;
}
.prayer-action-btn:hover { background: rgba(184,134,11,0.3); }

.prayer-voice-gender-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.prayer-voice-label {
  font-family: Arial, sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  color: var(--gold);
  opacity: 0.75;
}
.prayer-voice-btn {
  font-family: Arial, sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  padding: 5px 14px;
  border-radius: 20px;
  border: 1px solid rgba(184,134,11,0.4);
  background: rgba(184,134,11,0.12);
  color: var(--gold-light);
  cursor: pointer;
  transition: all 0.2s;
}
.prayer-voice-btn:hover { background: rgba(184,134,11,0.28); }
.prayer-voice-btn.female {
  border-color: rgba(200,120,180,0.45);
  background: rgba(180,80,140,0.12);
  color: #d080b0;
}
.prayer-voice-btn.female:hover { background: rgba(180,80,140,0.25); }