/* Roberto Commerce Intelligence V44
   Medusa-inspired visual layer over the original V41 interaction core.
   This file intentionally adds no overlays, drawers, event interception, or replacement navigation. */

:root{
  --background:#f7f7f8;
  --foreground:#18181b;
  --card:#ffffff;
  --card-foreground:#18181b;
  --popover:#ffffff;
  --popover-foreground:#18181b;
  --primary:#18181b;
  --primary-foreground:#ffffff;
  --secondary:#f4f4f5;
  --secondary-foreground:#27272a;
  --muted:#f4f4f5;
  --muted-foreground:#71717a;
  --accent:#f0eafe;
  --accent-foreground:#5b21b6;
  --destructive:#e11d48;
  --destructive-foreground:#ffffff;
  --border:#e4e4e7;
  --input:#d4d4d8;
  --ring:#7c3aed;
  --radius:.75rem;
  --medusa-ink:#18181b;
  --medusa-purple:#7c3aed;
  --medusa-purple-soft:#f2ecff;
  --medusa-surface:#ffffff;
  --medusa-canvas:#f7f7f8;
  --medusa-border:#e4e4e7;
  --medusa-muted:#71717a;
  --medusa-success:#15803d;
  --medusa-shadow:0 1px 2px rgba(24,24,27,.04),0 8px 24px rgba(24,24,27,.06);
  color-scheme:light;
}

html{scroll-behavior:smooth;background:var(--medusa-canvas)}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"]{
  min-height:100vh;
  margin:0;
  color:var(--medusa-ink)!important;
  background:
    radial-gradient(circle at 8% -8%,rgba(124,58,237,.08),transparent 29rem),
    radial-gradient(circle at 96% 12%,rgba(99,102,241,.06),transparent 28rem),
    var(--medusa-canvas)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow-x:clip!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *{box-sizing:border-box}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] ::selection{background:#ddd6fe;color:#2e1065}

/* Original V41 status bar, restyled as the Medusa product masthead. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  width:100%!important;
  max-width:none!important;
  min-height:76px!important;
  padding:12px max(22px,env(safe-area-inset-left)) 12px max(22px,env(safe-area-inset-right))!important;
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  overflow:hidden!important;
  color:#fafafa!important;
  background:rgba(24,24,27,.97)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(24,24,27,.12)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-brand-icon{
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  padding:7px!important;border-radius:12px!important;
  background:#fff!important;border:1px solid rgba(255,255,255,.12)!important;
  filter:none!important;transform:none!important;box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-brand-icon:hover{transform:translateY(-1px)!important;filter:none!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-live-dot{
  width:9px!important;height:9px!important;border-radius:999px!important;
  background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.14)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar strong{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#fff!important;font-size:clamp(.94rem,2vw,1.08rem)!important;font-weight:650!important;
  letter-spacing:-.015em!important;text-transform:none!important;line-height:1.2!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-status-copy{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#a1a1aa!important;font-size:.74rem!important;font-weight:500!important;letter-spacing:.01em!important;text-transform:none!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install{
  min-width:118px!important;min-height:46px!important;margin:0!important;padding:0 17px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;
  background:#fff!important;color:#18181b!important;
  font:650 .78rem/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;text-transform:none!important;box-shadow:0 1px 2px rgba(0,0,0,.16)!important;
  cursor:pointer!important;transition:transform .16s ease,background .16s ease!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install:hover{background:#f4f4f5!important;color:#18181b!important;transform:translateY(-1px)!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install:focus-visible{outline:3px solid rgba(167,139,250,.55)!important;outline-offset:2px!important}

/* Preserve both original links as real anchors; only restyle them. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{
  width:min(1240px,calc(100% - 32px))!important;margin:20px auto 14px!important;
  display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;
  position:relative!important;z-index:20!important;font-family:inherit!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action{
  min-height:46px!important;padding:0 15px!important;gap:9px!important;
  border:1px solid var(--medusa-border)!important;border-radius:10px!important;
  background:#fff!important;color:#27272a!important;
  font-size:.78rem!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;
  box-shadow:0 1px 2px rgba(24,24,27,.04)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action:nth-child(n){box-shadow:0 1px 2px rgba(24,24,27,.04)!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action:hover,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action:focus-visible{
  transform:translateY(-1px)!important;background:#fff!important;border-color:#c4b5fd!important;
  box-shadow:0 8px 24px rgba(91,33,182,.10)!important;outline:none!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action:focus-visible{outline:3px solid rgba(124,58,237,.22)!important;outline-offset:2px!important}

/* Keep the original interactive canvas, but place it in a Medusa-style module. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell{
  width:min(1240px,calc(100% - 32px))!important;
  height:clamp(320px,42vw,500px)!important;min-height:320px!important;
  margin:12px auto 28px!important;border:1px solid #27272a!important;border-radius:16px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(124,58,237,.24),transparent 35%),
    linear-gradient(145deg,#18181b 0%,#27272a 52%,#18181b 100%)!important;
  box-shadow:0 1px 2px rgba(24,24,27,.12),0 24px 60px rgba(24,24,27,.12)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell::before{
  opacity:.18!important;background-size:42px 42px!important;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell::after{box-shadow:inset 0 0 110px rgba(0,0,0,.46)!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-kicker,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-mode{
  padding:.48rem .68rem!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;color:#f4f4f5!important;box-shadow:none!important;
  font-size:.64rem!important;font-weight:650!important;letter-spacing:.04em!important;
  backdrop-filter:blur(10px)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-title{font-weight:700!important;letter-spacing:-.015em!important;text-shadow:none!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-hint{color:#d8b4fe!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}

/* Original React header: fully preserved, only visual and spacing changes. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root{
  width:100%!important;max-width:100%!important;position:relative!important;z-index:1!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root>.min-h-screen{background:transparent!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header{
  position:sticky!important;top:76px!important;z-index:95!important;
  min-height:96px!important;background:rgba(255,255,255,.95)!important;
  border-bottom:1px solid var(--medusa-border)!important;box-shadow:0 10px 28px rgba(24,24,27,.05)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header .container{
  width:min(1240px,100%)!important;max-width:1240px!important;padding:18px 24px!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header h1{
  color:#18181b!important;font-size:clamp(1.2rem,2vw,1.55rem)!important;font-weight:680!important;letter-spacing:-.035em!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header h1+p{color:#71717a!important;font-size:.82rem!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header .rounded-full.bg-primary{
  background:#f2ecff!important;color:#6d28d9!important;border:1px solid #ddd6fe!important;box-shadow:none!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header .rounded-full.bg-primary svg{color:#6d28d9!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header button{
  min-height:44px!important;border-radius:9px!important;background:#fff!important;color:#27272a!important;border-color:#d4d4d8!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header button:hover{background:#f4f4f5!important}

body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main{
  width:min(1240px,100%)!important;max-width:1240px!important;margin:0 auto!important;padding:28px 24px 72px!important;
}

/* Original V41 tabs remain the only primary navigation. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tablist"]{
  width:100%!important;display:flex!important;grid-template-columns:none!important;gap:5px!important;
  padding:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;
  border:1px solid var(--medusa-border)!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 1px 2px rgba(24,24,27,.04)!important;
  scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tab"]{
  flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:44px!important;
  padding:0 13px!important;border-radius:8px!important;color:#71717a!important;background:transparent!important;
  font-size:.78rem!important;font-weight:620!important;scroll-snap-align:start!important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tab"]:hover:not(:disabled){background:#f4f4f5!important;color:#27272a!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tab"][data-state="active"]{
  background:#18181b!important;color:#fff!important;box-shadow:0 1px 3px rgba(24,24,27,.20)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tab"]:disabled{opacity:.42!important;cursor:not-allowed!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tab"]:focus-visible{outline:3px solid rgba(124,58,237,.25)!important;outline-offset:2px!important}

/* Cards, tables, forms, and dialogs: styling only, no event behavior changes. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .bg-card,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [class*="bg-card"]{
  background:#fff!important;border-color:var(--medusa-border)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [class*="rounded-lg"][class*="border"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [class*="rounded-xl"][class*="border"]{
  border-color:var(--medusa-border)!important;box-shadow:var(--medusa-shadow)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root table{
  width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root thead{background:#fafafa!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root th{
  color:#52525b!important;font-size:.69rem!important;font-weight:680!important;letter-spacing:.025em!important;text-transform:none!important;
  border-color:var(--medusa-border)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root td{border-color:#eeeeef!important;color:#27272a!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root tbody tr:hover{background:#fafafa!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root textarea{
  min-height:44px!important;border-color:#d4d4d8!important;border-radius:9px!important;background:#fff!important;color:#18181b!important;
  box-shadow:0 1px 2px rgba(24,24,27,.03)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input:focus,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select:focus,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root textarea:focus{
  border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(124,58,237,.14)!important;outline:none!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button:not([role="tab"]){
  border-radius:9px!important;font-weight:620!important;transition:transform .14s ease,background .14s ease,border-color .14s ease!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button:not([role="tab"]):active:not(:disabled){transform:translateY(1px)!important}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button:focus-visible,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root a:focus-visible,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input:focus-visible,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select:focus-visible,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root textarea:focus-visible{
  outline:3px solid rgba(124,58,237,.24)!important;outline-offset:2px!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="dialog"]{
  border:1px solid var(--medusa-border)!important;border-radius:14px!important;background:#fff!important;color:#18181b!important;
  box-shadow:0 24px 80px rgba(24,24,27,.22)!important;
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [data-radix-popper-content-wrapper],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="dialog"]{z-index:300!important}

/* Preserve touch/scroll operation. We never disable pointer events on application controls. */
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root a,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root textarea,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tab"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="button"]{
  touch-action:manipulation;-webkit-tap-highlight-color:rgba(124,58,237,.12);
}
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [class*="overflow-x-auto"],
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root .ecom-touch-scroll,
body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [data-ecom-table-wrap]{
  -webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;touch-action:pan-x pan-y!important;
}

@media(max-width:900px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar{
    min-height:88px!important;padding:12px max(12px,env(safe-area-inset-left)) 12px max(12px,env(safe-area-inset-right))!important;
    grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:10px!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-brand-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-status-copy{display:none!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install{min-width:108px!important;min-height:50px!important;padding:0 12px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{
    width:calc(100% - 20px)!important;margin:12px auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-action{width:100%!important;min-height:50px!important;padding:8px 10px!important;text-align:center!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-shell{
    width:calc(100% - 20px)!important;max-width:calc(100vw - 20px)!important;height:clamp(300px,82vw,410px)!important;min-height:300px!important;
    margin:10px auto 20px!important;border-radius:14px!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header{
    top:88px!important;min-height:118px!important;background:rgba(255,255,255,.97)!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header .container{padding:14px 12px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header .container>div{gap:10px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header h1{font-size:1.2rem!important;white-space:normal!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header h1+p{display:block!important;font-size:.74rem!important;line-height:1.35!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header button{min-height:48px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root main{padding:18px 10px 64px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tablist"]{position:sticky!important;top:206px!important;z-index:80!important;padding:6px!important;border-radius:11px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tab"]{min-height:48px!important;padding:0 12px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root button:not([role="tab"]),
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root a[role="button"],
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root input,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root select{min-height:48px!important}
}

@media(max-width:520px){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-statusbar{
    min-height:96px!important;grid-template-columns:auto auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .neon-install{
    grid-column:1/-1!important;width:100%!important;min-height:46px!important;
  }
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .project-origin-actions{grid-template-columns:1fr!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root header{top:96px!important;min-height:126px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] #root [role="tablist"]{top:222px!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-title{max-width:62%!important}
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] .orb-v11-hint{max-width:36%!important}
}

@media(prefers-reduced-motion:reduce){
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *::before,
  body[data-project-key="ECOMMERCE_SALES_ANALYSIS"] *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}