/* मुख सामुद्रिक — face-specific styles (base UI: hastarekha.css hr-* classes) */

/* सेल्फी कैमरा — दर्पण जैसा प्रीव्यू (उलटी छवि की समस्या नहीं) */
.ms-camera-mirror video,
.ms-camera-mirror #liveOverlay,
.ms-camera-mirror .ms-live-guide {
  transform: scaleX(-1);
}
/* स्टेटस/मीटर टेक्स्ट सीधा रहे — सिर्फ चेहरा दर्पण जैसा */

/* Face-specific live guide — oval instead of palm */
.ms-live-guide {
  position: absolute; left: 18%; right: 18%; top: 12%; bottom: 18%;
  border: 2px dashed rgba(255, 235, 150, .85); border-radius: 48% 48% 42% 42%;
  pointer-events: none; z-index: 1; box-shadow: inset 0 0 40px rgba(0,0,0,.18); transition: border-color .2s;
}
.ms-live-guide.ready { border-color: #66bb6a; border-style: solid; box-shadow: inset 0 0 30px rgba(102, 187, 106, .25); }

.ms-zone-pills { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; justify-content: center; }
.ms-zone-pill {
  font-size: .78rem; padding: 5px 12px; border-radius: 99px;
  background: #faf3e0; border: 1px solid #e8d9a0; color: var(--maroon, #6b0f1a); font-weight: 600;
}
.ms-zone-pill.good { background: #e8f5e9; border-color: #a5d6a7; color: #2e7d32; }
.ms-zone-pill.warn { background: #fff3e0; border-color: #ffcc80; color: #e65100; }

/* कैप्चर प्रीव्यू — दर्पण दिखावट (विश्लेषण raw फ्रेम पर) */
.ms-preview-mirror canvas {
  transform: scaleX(-1);
}

.ms-element-badge {
  display: inline-block; padding: 6px 14px; border-radius: 8px; margin: 8px 4px;
  background: linear-gradient(135deg, #fffdf5, #faf3e0);
  border: 1px solid var(--gold-light, #e8d9a0);
  font-family: var(--font-display, 'Rozha One', serif); color: var(--maroon, #6b0f1a); font-size: .95rem;
}