/* Aurora Obsidian Pro — editorial light UI polish */

body.obsidian-app {
  --obs-accent: #b8895a;
  --obs-accent-soft: rgba(184, 137, 90, 0.14);
  --obs-accent-border: rgba(184, 137, 90, 0.38);
}

/* Readable text on light panels */
body.obsidian-app .text-slate-100,
body.obsidian-app .text-slate-200 {
  color: var(--aurora-text) !important;
}

body.obsidian-app .text-slate-300 {
  color: #4a4a52 !important;
}

body.obsidian-app main.rounded-2xl.border {
  border-color: var(--aurora-border) !important;
  background: var(--aurora-canvas) !important;
}

/* Export & header accent buttons → gold */
body.obsidian-app #btnExport,
body.obsidian-app .from-cyan-400.to-orange-400,
body.obsidian-app .bg-gradient-to-r.from-cyan-400 {
  background: var(--aurora-gradient-accent) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px -8px rgba(184, 137, 90, 0.4) !important;
}

body.obsidian-app .from-cyan-400.to-orange-400.text-slate-950 {
  color: #fff !important;
}

body.obsidian-app .bg-gradient-to-br.from-cyan-400 {
  background: var(--aurora-gradient-accent) !important;
  color: #fff !important;
}

/* Left drawer — preset cards readable */
body.obsidian-app #drawer button[data-preset] span.block.font-semibold {
  color: var(--aurora-text) !important;
}

body.obsidian-app #drawer button[data-preset] span.text-slate-500 {
  color: var(--aurora-muted) !important;
}

/* Icon grid — remove neon glow */
body.obsidian-app #drawer .grid button[class*="shadow"],
body.obsidian-app #drawer button[style*="box-shadow"] {
  box-shadow: none !important;
}

body.obsidian-app #drawer .grid button:hover {
  border-color: var(--obs-accent-border) !important;
  background: var(--obs-accent-soft) !important;
}

/* Inspector — compact alignment grid */
body.obsidian-app #inspector .grid.grid-cols-4.gap-1\.5 {
  gap: 0.35rem !important;
}

body.obsidian-app #inspector .chip {
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.obsidian-app #inspector #tFillSel,
body.obsidian-app #inspector button.flex-1 {
  font-size: 10px !important;
  padding: 0.4rem 0.5rem !important;
}

body.obsidian-app #inspector .text-rose-300 {
  color: #c0392b !important;
}

/* Neon glow button — editorial, not cyan */
body.obsidian-app #shNeon.chip.on,
body.obsidian-app #shNeon.chip:hover {
  border-color: var(--obs-accent-border) !important;
  background: var(--obs-accent-soft) !important;
  color: var(--obs-accent) !important;
}

/* Floating edit popup — light theme (all breakpoints) */
body.obsidian-app .pro-edit-popup.glass {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body.obsidian-app .pro-edit-popup.is-visible {
  box-shadow: 0 20px 50px -20px rgba(20, 20, 24, 0.15), 0 0 0 1px var(--aurora-border) !important;
}

body.obsidian-app .pro-edit-type {
  color: var(--obs-accent) !important;
  text-shadow: none !important;
}

body.obsidian-app .pro-edit-label,
body.obsidian-app .pro-edit-mini {
  color: var(--aurora-muted) !important;
}

body.obsidian-app .pro-edit-section {
  border-bottom-color: var(--aurora-border) !important;
}

body.obsidian-app .pro-edit-aura {
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(184, 137, 90, 0.08), transparent 55%),
    radial-gradient(90% 70% at 100% 100%, rgba(120, 140, 180, 0.06), transparent 50%) !important;
}

body.obsidian-app .pro-edit-backdrop {
  background: rgba(20, 20, 24, 0.28) !important;
}

body.obsidian-app .pro-edit-popup.is-layout-desktop {
  z-index: 120 !important;
}
  background: var(--obs-accent-soft) !important;
  border-color: var(--obs-accent-border) !important;
  color: var(--obs-accent) !important;
}

body.obsidian-app input[type="range"]::-webkit-slider-thumb {
  border: 2px solid #fff !important;
}

/* Onboarding tour */
#proOnboard {
  background: rgba(20, 20, 24, 0.32) !important;
  backdrop-filter: blur(8px) !important;
}

#proOnboard .glass,
#proOnboard > .glass {
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: 0 24px 60px -24px rgba(20, 20, 24, 0.18) !important;
}

#proOnboard #proObTitle {
  color: #141418 !important;
}

#proOnboard #proObBody {
  color: #6b6b73 !important;
  line-height: 1.55;
}

#proOnboard .step-dot {
  background: rgba(20, 20, 24, 0.12) !important;
}

#proOnboard .step-dot.on {
  background: var(--obs-accent) !important;
  width: 18px;
  border-radius: 99px;
}

#proOnboard #proObSkip {
  color: var(--aurora-text) !important;
  background: var(--aurora-inset) !important;
  border: 1px solid var(--aurora-border) !important;
}

#proOnboard #proObSkip:hover {
  border-color: var(--obs-accent-border) !important;
  background: var(--obs-accent-soft) !important;
}

#proOnboard #proObNext {
  background: var(--aurora-gradient-accent) !important;
  color: #fff !important;
}

/* Bottom studio dock — subtle, not FAB-like */
body.obsidian-app.obsidian-refined .pro-studio-dock {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body.obsidian-app.obsidian-refined .pro-dock-label {
  color: var(--aurora-muted) !important;
}

/* Status pill */
body.obsidian-app .glass-2.pointer-events-none {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid var(--aurora-border) !important;
  color: var(--aurora-muted) !important;
}

/* PRO badge */
body.obsidian-app #rightInspector .text-cyan-300 {
  background: var(--obs-accent-soft) !important;
  color: var(--obs-accent) !important;
}