/**
 * Strat global Soluxia peste shell-ul administrare comerț — accent brand, sidebar, focus.
 * Complement la soluxia-analytics-home.css (pagini hub).
 */

:root {
  --soluxia-amber: #f4b12a;
  --soluxia-indigo: #3d3a86;
}

/* Accent discret lângă zona Căutare + nav injectată */
aside nav.flex.flex-col.gap-y-1.py-3 {
  padding-left: 0.35rem;
  margin-left: 0.25rem;
  border-left: 3px solid var(--soluxia-amber);
  border-radius: 0 10px 10px 0;
}

/* Tile-uri „Lucrează rapid” (hub /operatiuni) */
.soluxia-shopify-home .soluxia-tile__icon {
  border-radius: 12px;
  color: #1e3a5f;
  background: linear-gradient(145deg, #f8fafc 0%, #eef2ff 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.soluxia-shopify-home .soluxia-tile--amber .soluxia-tile__icon {
  background: linear-gradient(145deg, #fff7e6 0%, #fde68a 100%);
  color: #92400e;
}

.soluxia-shopify-home .soluxia-tile--blue .soluxia-tile__icon {
  background: linear-gradient(145deg, #eff6ff 0%, #bfdbfe 100%);
  color: #1d4ed8;
}

.soluxia-shopify-home .soluxia-tile--teal .soluxia-tile__icon {
  background: linear-gradient(145deg, #ecfdf5 0%, #99f6e4 100%);
  color: #0f766e;
}

.soluxia-shopify-home .soluxia-tile--violet .soluxia-tile__icon {
  background: linear-gradient(145deg, #f5f3ff 0%, #ddd6fe 100%);
  color: #5b21b6;
}

html.dark .soluxia-shopify-home .soluxia-tile__icon {
  color: #cbd5e1;
  background: linear-gradient(145deg, #1e293b 0%, #334155 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.dark .soluxia-shopify-home .soluxia-tile--amber .soluxia-tile__icon {
  background: linear-gradient(145deg, #422006 0%, #713f12 100%);
  color: #fcd34d;
}

html.dark .soluxia-shopify-home .soluxia-tile--blue .soluxia-tile__icon {
  background: linear-gradient(145deg, #172554 0%, #1e40af 100%);
  color: #93c5fd;
}

html.dark .soluxia-shopify-home .soluxia-tile--teal .soluxia-tile__icon {
  background: linear-gradient(145deg, #042f2e 0%, #0f766e 100%);
  color: #5eead4;
}

html.dark .soluxia-shopify-home .soluxia-tile--violet .soluxia-tile__icon {
  background: linear-gradient(145deg, #2e1065 0%, #5b21b6 100%);
  color: #c4b5fd;
}

/* Focus vizibil pentru accesibilitate (butoane link) */
.soluxia-shopify-home a:focus-visible {
  outline: 2px solid var(--soluxia-indigo);
  outline-offset: 2px;
}