/* Ergänzungen zu Tailwind — Dark App Shell */
:root {
  color-scheme: dark;
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  min-height: 100dvh;
}

/* Scrollbereiche ohne Layout-Sprung */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Sanfte Übergänge für Karten */
.tool-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.tool-card:hover {
  transform: translateY(-2px);
}

/* Drawer-Animation */
.drawer-enter {
  animation: drawer-in 0.22s ease-out forwards;
}
@keyframes drawer-in {
  from {
    transform: translateX(-100%);
    opacity: 0.85;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}