/* app.css - minimal ek stiller (Tailwind CDN üstüne) */

/* Yumuşak animasyonlar */
.fade-enter { opacity: 0; transform: translateY(6px); }
.fade-enter-active { opacity: 1; transform: translateY(0); transition: all .18s ease; }

.modal-backdrop { backdrop-filter: blur(6px); }

.kbd {
  border: 1px solid rgba(148,163,184,.35);
  border-bottom-width: 2px;
  padding: .1rem .35rem;
  border-radius: .5rem;
  font-size: .75rem;
}

.scrollbar-thin::-webkit-scrollbar { width: 8px; height: 8px; }
.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(148,163,184,.35);
  border-radius: 999px;
}
.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }

.dragging { opacity: .6; transform: rotate(-1deg); }
.drop-target { outline: 2px dashed rgba(37,99,235,.5); outline-offset: 6px; border-radius: 16px; }

/* Color picker input daha güzel */
input[type="color"] { width: 44px; height: 36px; border-radius: 12px; border: 1px solid rgba(148,163,184,.35); padding: 0; }