/*
 * AloraHazel OS v8.0.1 Scoped Design Lock
 * Scope rule: NEVER style the whole WP admin. Only Studio and Alora runtime shells.
 */

:root {
  --alora-ivory:#fbf7f5;
  --alora-soft-blush:#f8edf0;
  --alora-blush-border:#efdee4;
  --alora-rose-pink:#ef5b97;
  --alora-rose-deep:#d94882;
  --alora-copper:#b98473;
  --alora-ink:#251d21;
  --alora-muted:#75676d;
}

body.toplevel_page_alora-studio #wpcontent,
body.admin_page_alora-studio #wpcontent,
body[class*="alora"] #alora-studio,
body[class*="alora"] .alora-os-studio,
body[class*="alora"] .alora-studio-shell,
body[class*="alora"] .alora-runtime-preview-shell,
body[class*="alora"] .alora-preview-shell,
body[class*="alora"] #alora-live-canvas {
  --alora-primary:#ef5b97;
  --alora-primary-hover:#d94882;
  --alora-accent:#b98473;
  --alora-bg:#fbf7f5;
  --alora-surface:#ffffff;
  --alora-soft:#f8edf0;
  --alora-border:#efdee4;
  --alora-text:#251d21;
  --alora-subtle:#75676d;
}

body.toplevel_page_alora-studio #wpcontent,
body.admin_page_alora-studio #wpcontent {
  background:var(--alora-ivory)!important;
  color:var(--alora-ink)!important;
}

/* Studio-only shells */
body.toplevel_page_alora-studio #alora-studio,
body.admin_page_alora-studio #alora-studio,
#alora-studio,
.alora-os-studio,
.alora-studio-shell,
.alora-workspace,
.alora-right-dock,
.alora-left-dock,
.alora-panel,
.alora-card,
.alora-runtime-preview-shell,
.alora-preview-shell {
  color:var(--alora-ink)!important;
}

/* Module panels */
#alora-studio .alora-inspector-v630,
#alora-studio .alora-responsive-devicebar-v640,
#alora-studio .alora-components-v650,
#alora-studio .alora-timeline-v660,
#alora-studio .alora-publish-sync-v670,
#alora-studio .alora-visual-os-v700,
#alora-studio .alora-motion-v710,
#alora-studio .alora-dynamic-v720,
#alora-studio .alora-theme-builder-v730,
#alora-studio .alora-query-v740,
#alora-studio .alora-component-library-v750,
#alora-studio .alora-ai-layout-v760,
#alora-studio [class*="alora-"][class*="-v"] {
  background:rgba(255,255,255,.96)!important;
  border-color:var(--alora-blush-border)!important;
  color:var(--alora-ink)!important;
  box-shadow:0 18px 55px rgba(185,132,115,.12)!important;
}

/* Canvas */
#alora-live-canvas,
.alora-live-canvas,
#alora-studio .alora-canvas {
  background:linear-gradient(180deg,var(--alora-ivory),#fff)!important;
  border-color:var(--alora-blush-border)!important;
  color:var(--alora-ink)!important;
}

/* Buttons only inside Alora UI */
#alora-studio button,
#alora-studio .alora-btn,
#alora-studio .alora-button,
#alora-studio .alora-chip,
#alora-studio .alora-tab,
.alora-runtime-preview-shell button,
.alora-preview-shell button {
  border-color:var(--alora-blush-border)!important;
  background:#fff!important;
  color:var(--alora-rose-deep)!important;
  box-shadow:none!important;
}

#alora-studio button:hover,
#alora-studio .alora-btn:hover,
#alora-studio .alora-button:hover,
#alora-studio .alora-chip:hover,
#alora-studio .alora-tab:hover {
  border-color:var(--alora-rose-pink)!important;
  color:var(--alora-rose-deep)!important;
}

#alora-studio button.primary,
#alora-studio .primary,
#alora-studio .is-active,
#alora-studio .active,
#alora-studio [aria-selected="true"],
#alora-studio [data-responsive-device].is-active,
#alora-studio .alora-tab.active,
#alora-studio .alora-workspace-tab.active {
  background:var(--alora-rose-pink)!important;
  border-color:var(--alora-rose-pink)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(239,91,151,.22)!important;
}

/* Inputs */
#alora-studio input,
#alora-studio select,
#alora-studio textarea,
.alora-runtime-preview-shell input,
.alora-runtime-preview-shell select,
.alora-runtime-preview-shell textarea {
  background:#fff!important;
  border-color:var(--alora-blush-border)!important;
  color:var(--alora-ink)!important;
}

#alora-studio input:focus,
#alora-studio select:focus,
#alora-studio textarea:focus {
  outline:3px solid rgba(239,91,151,.16)!important;
  border-color:var(--alora-rose-pink)!important;
}

/* Typography */
#alora-studio strong,
#alora-studio h1,
#alora-studio h2,
#alora-studio h3,
#alora-studio h4,
#alora-studio .alora-title,
#alora-studio .alora-heading {
  color:var(--alora-ink)!important;
}

#alora-studio small,
#alora-studio .alora-muted,
#alora-studio .alora-subtitle,
#alora-studio .alora-description,
#alora-studio .alora-status span,
#alora-studio .alora-panel span {
  color:var(--alora-muted)!important;
}

/* Badges */
#alora-studio .alora-badge,
#alora-studio .alora-os-badge-v700,
#alora-studio .alora-ai-badge-v760,
#alora-studio .alora-theme-badge-v730,
#alora-studio .alora-query-badge-v740,
#alora-studio .alora-component-badge-v750,
#alora-studio .alora-motion-badge-v710,
#alora-studio .alora-dynamic-badge-v720,
#alora-studio .alora-sync-badge-v670,
#alora-studio .alora-responsive-badge-v640 {
  background:var(--alora-soft-blush)!important;
  color:var(--alora-rose-deep)!important;
  border-color:var(--alora-blush-border)!important;
}

/* Cards/sections */
#alora-studio .alora-status,
#alora-studio .alora-status-card,
#alora-studio .alora-os-health-v700,
#alora-studio .alora-card,
#alora-studio .alora-layer,
#alora-studio .alora-component-card-v750,
#alora-studio .alora-query-card-v740,
#alora-studio .alora-theme-card-v730,
#alora-studio .alora-dynamic-loop-card-v720,
#alora-studio .alora-ai-card-v760 {
  background:#fff!important;
  border-color:var(--alora-blush-border)!important;
  color:var(--alora-ink)!important;
}

#alora-studio .alora-ai-generated-v760,
#alora-studio .alora-ai-preview-v760,
#alora-studio .alora-section,
#alora-studio .alora-service-card,
#alora-studio .alora-template-card {
  background:linear-gradient(135deg,#fff,var(--alora-soft-blush))!important;
  border-color:var(--alora-blush-border)!important;
  color:var(--alora-ink)!important;
}

/* Selection outlines */
#alora-studio .alora-inspector-target-v630,
#alora-studio .alora-motion-target-v710,
#alora-studio .alora-dynamic-target-v720,
#alora-studio .alora-layer-selected-v600 {
  outline-color:var(--alora-rose-pink)!important;
  box-shadow:0 0 0 8px rgba(239,91,151,.10)!important;
}

/* Emergency old-token neutralization scoped to Studio only */
#alora-studio [class*="purple"],
#alora-studio [class*="violet"],
#alora-studio [class*="indigo"],
#alora-studio [class*="blue"] {
  --tw-ring-color:rgba(239,91,151,.18)!important;
  --tw-shadow-color:rgba(185,132,115,.16)!important;
}