/* LUMA Sleek Theme - shadcn Style */

/* Refined typography - Inter */
body, * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Hide upgrade/white label button */
[style*="background: rgb(33, 118, 255)"] {
  display: none !important;
}

/* ============================================
   SIDEBAR
   ============================================ */

/* Main sidebar container - override inline bg */
.md\:w-64 > div,
.md\:flex-col > div,
div[class*="flex-col"][class*="flex-grow"],
div.flex.flex-col.flex-grow {
  background-color: #020818 !important;
  border-color: #020818 !important;
}

/* KILL ALL HOVER BACKGROUNDS */
.RAuJl,
.RAuJl:hover,
.jOvaxN,
.jOvaxN:hover,
div.RAuJl,
div.RAuJl:hover,
div.jOvaxN,
div.jOvaxN:hover,
nav[data-cy="navigationBar"] div,
nav[data-cy="navigationBar"] div:hover,
.sc-cSaEAk,
.sc-cSaEAk:hover,
.hover\:bg-gray-700:hover,
[class*="hover:bg"]:hover {
  background-color: transparent !important;
  background: transparent !important;
}

/* Sidebar nav items - INACTIVE */
.text-gray-300,
.text-gray-300 span,
div.jOvaxN,
div.jOvaxN span,
div.jOvaxN a,
div.jOvaxN div,
nav[data-cy="navigationBar"] div.jOvaxN span,
.sc-cSaEAk.jOvaxN span {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Sidebar nav items - INACTIVE icons */
div.jOvaxN svg,
div.jOvaxN svg path,
div.jOvaxN svg circle,
div.jOvaxN svg line,
div.jOvaxN svg polyline,
div.jOvaxN svg rect,
div.jOvaxN svg ellipse {
  stroke: rgba(255, 255, 255, 0.65) !important;
}
div.jOvaxN svg [fill]:not([fill="none"]) {
  fill: rgba(255, 255, 255, 0.65) !important;
}

/* Sidebar nav items - HOVER - text goes WHITE */
div.jOvaxN:hover,
div.jOvaxN:hover span,
div.jOvaxN:hover a,
div.jOvaxN:hover div,
.sc-cSaEAk.jOvaxN:hover span,
.sc-cSaEAk.jOvaxN:hover a,
nav[data-cy="navigationBar"] div.jOvaxN:hover span,
.text-gray-300:hover,
.text-gray-300:hover span,
div.jOvaxN a:hover span,
div.jOvaxN:hover a span {
  color: rgba(255, 255, 255, 1) !important;
}

/* Sidebar nav items - HOVER icons go WHITE */
div.jOvaxN:hover svg path,
div.jOvaxN:hover svg circle,
div.jOvaxN:hover svg line,
div.jOvaxN:hover svg polyline,
div.jOvaxN:hover svg rect,
div.jOvaxN:hover svg ellipse,
.sc-cSaEAk.jOvaxN:hover svg path,
.sc-cSaEAk.jOvaxN:hover svg circle,
.sc-cSaEAk.jOvaxN:hover svg line {
  stroke: rgba(255, 255, 255, 1) !important;
}
div.jOvaxN:hover svg [fill]:not([fill="none"]),
.sc-cSaEAk.jOvaxN:hover svg [fill]:not([fill="none"]) {
  fill: rgba(255, 255, 255, 1) !important;
}

/* Sidebar nav items - ACTIVE (green) */
.RAuJl,
.RAuJl span,
.RAuJl a,
.RAuJl div,
div.RAuJl span,
.sc-cSaEAk.RAuJl span,
nav[data-cy="navigationBar"] div.RAuJl span {
  color: hsl(142, 70%, 80%) !important;
}

/* Sidebar nav items - ACTIVE icons (green) */
div.RAuJl svg,
div.RAuJl svg path,
div.RAuJl svg circle,
div.RAuJl svg line,
div.RAuJl svg polyline,
div.RAuJl svg rect,
div.RAuJl svg ellipse,
.sc-cSaEAk.RAuJl svg path {
  stroke: hsl(142, 70%, 80%) !important;
}
div.RAuJl svg [fill]:not([fill="none"]),
.sc-cSaEAk.RAuJl svg [fill]:not([fill="none"]) {
  fill: hsl(142, 70%, 80%) !important;
}

/* Company dropdown text */
.text-gray-200,
span.text-gray-200 {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Bottom nav icons */
nav.border-t svg path,
nav.border-t svg circle,
nav.border-t svg line {
  stroke: rgba(255, 255, 255, 0.65) !important;
}
nav.border-t > div:hover svg path,
nav.border-t > div:hover svg circle,
nav.border-t > div:hover svg line {
  stroke: rgba(255, 255, 255, 1) !important;
}

/* Border colors in sidebar */
.border-t,
.border-b,
nav.border-t {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ============================================
   MAIN CONTENT AREA
   ============================================ */

/* Softer shadows and rounded corners */
.card, .mat-card, [class*="card"], .elevation-z4 {
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  border: 1px solid hsl(240 5.9% 90%) !important;
}

/* Cleaner buttons - shadcn style */
button, .btn, [class*="button"], .mat-button, .mat-raised-button {
  border-radius: 0.5rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}

/* Cleaner table rows */
tr:hover, .row:hover {
  background-color: hsl(240 4.8% 95.9%) !important;
}

/* Input fields - shadcn style */
input, textarea, select, .mat-input-element {
  border-radius: 0.375rem !important;
  border: 1px solid hsl(240 5.9% 90%) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: hsl(240 5.9% 10%) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px hsl(240 5.9% 10% / 0.1) !important;
}