/* Keeps the standalone finder workspace inside the Starpark app shell. */
body.sku-finder-page {
  overflow: hidden;
  zoom: normal;
}

.sku-finder-page .site-footer {
  display: none;
}

body.sku-finder-page > #toast {
  display: none !important;
}

.sku-finder-page .application-shell {
  height: calc(100dvh - 92px);
  min-height: 0;
}

html.embedded-shell .sku-finder-page .application-shell {
  height: 100dvh;
}

.sku-finder-page .site-header {
  position: relative;
}

.sku-finder-page .sidebar-brand {
  display: none !important;
}

.sku-finder-page .main-nav .nav-sku-finder.active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
  background: linear-gradient(135deg, #300000, #580000 58%, #812323);
  box-shadow: 0 11px 27px rgba(88, 0, 0, 0.28);
}

.sku-finder-page .sku-insights-brand {
  min-width: 158px;
  padding-right: 18px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-right: 1px solid var(--line-strong);
}

.sku-finder-page .sku-insights-brand strong {
  color: var(--ink-soft);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.sku-finder-page .sku-insights-logo {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  color: var(--violet);
  background: var(--violet-soft);
  border: 1px solid color-mix(in srgb, var(--violet) 25%, transparent);
  border-radius: 9px;
  box-shadow: 0 2px 7px rgba(99, 81, 216, 0.12);
  transition: color 160ms var(--ease), border-color 160ms var(--ease), box-shadow 180ms var(--ease), transform 180ms var(--ease-out);
}

.sku-finder-page .sku-insights-logo svg {
  width: 25px;
  height: 25px;
}

.sku-finder-page .sku-logo-frame {
  opacity: .42;
  transition: opacity 160ms var(--ease);
}

.sku-finder-page .sku-logo-link {
  stroke-dasharray: 22;
  stroke-dashoffset: 0;
}

.sku-finder-page .sku-logo-node {
  fill: var(--paper);
  stroke-width: 1.8;
  transform-box: fill-box;
  transform-origin: center;
}

.sku-finder-page .sku-insights-brand:hover .sku-insights-logo {
  color: var(--violet-deep);
  border-color: color-mix(in srgb, var(--violet) 48%, transparent);
  box-shadow: 0 8px 18px rgba(99, 81, 216, 0.18), 0 2px 6px rgba(99, 81, 216, 0.1);
  transform: translateY(-1px);
}

.sku-finder-page .sku-insights-brand:hover .sku-logo-frame {
  opacity: .75;
}

.sku-finder-page .sku-insights-brand:hover .sku-logo-link {
  animation: sku-link-trace 520ms var(--ease-out) both;
}

.sku-finder-page .sku-insights-brand:hover .sku-logo-node {
  animation: sku-node-settle 420ms var(--ease-out) both;
}

.sku-finder-page .sku-insights-brand:hover .sku-logo-node-b { animation-delay: 45ms; }
.sku-finder-page .sku-insights-brand:hover .sku-logo-node-c { animation-delay: 90ms; }

html[data-theme="dark"] .sku-finder-page :is(.application-shell, .main-shell) {
  background: var(--porcelain);
}

html[data-theme="dark"] .sku-finder-page .search-sidebar {
  background: var(--stone);
  border-color: var(--line-strong);
}

html[data-theme="dark"] .sku-finder-page .sidebar-footer {
  background: color-mix(in srgb, var(--stone) 94%, transparent);
  border-color: var(--line-strong);
}

html[data-theme="dark"] .sku-finder-page .data-status:hover {
  background: color-mix(in srgb, var(--paper) 62%, transparent);
}

html[data-theme="dark"] .sku-finder-page .workspace-toolbar {
  background: color-mix(in srgb, var(--paper) 92%, transparent);
  border-color: var(--line-strong);
}

html[data-theme="dark"] .sku-finder-page .mode-button:hover {
  background: color-mix(in srgb, var(--paper) 62%, transparent);
}

html[data-theme="dark"] .sku-finder-page .mode-button.is-active {
  color: var(--violet-deep);
  background: var(--paper-muted);
}

html[data-theme="dark"] .sku-finder-page .mode-button.is-active small {
  color: var(--muted-light);
}

html[data-theme="dark"] .sku-finder-page .sku-logo-node {
  fill: var(--paper);
}

html[data-theme="dark"] .sku-finder-page .main-nav .nav-sku-finder.active {
  border-color: rgba(255, 255, 255, 0.18);
  background: linear-gradient(135deg, #4a1010, #741c1c 58%, #a43d3d);
  box-shadow: 0 11px 27px rgba(0, 0, 0, 0.32);
}

@keyframes sku-link-trace {
  from { stroke-dashoffset: 22; }
  to { stroke-dashoffset: 0; }
}

@keyframes sku-node-settle {
  0% { transform: scale(.68); }
  70% { transform: scale(1.12); }
  100% { transform: scale(1); }
}

@media (max-width: 760px) {
  .sku-finder-page .application-shell {
    height: calc(100dvh - 80px);
    min-height: 0;
  }

  html.embedded-shell .sku-finder-page .application-shell {
    height: 100dvh;
  }

  .sku-finder-page .sku-insights-brand {
    min-width: auto;
    padding-right: 10px;
  }

  .sku-finder-page .sku-insights-brand strong {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sku-finder-page .sku-insights-logo,
  .sku-finder-page .sku-logo-frame {
    transition-duration: .01ms;
  }

  .sku-finder-page .sku-insights-brand:hover :is(.sku-logo-link, .sku-logo-node) {
    animation: none;
  }
}