/* ── Copy4me — Minimal custom styles (DaisyUI handles the rest) ── */

/* Screen visibility */
.screen[hidden] {
  display: none !important;
}

/* Force hidden attribute on elements where DaisyUI classes override it */
[hidden] {
  display: none !important;
}

/* History panel — fill available height on desktop */
.panel-history-card {
  min-height: 0;
}

@media (min-width: 1024px) {
  #main-screen > .grid {
    height: 100%;
  }
}

/* Clip list scrollbar */
.clip-list::-webkit-scrollbar {
  width: 5px;
}

.clip-list::-webkit-scrollbar-track {
  background: transparent;
}

.clip-list::-webkit-scrollbar-thumb {
  background: oklch(var(--bc) / 0.15);
  border-radius: 3px;
}

/* Toast notification */
.toast-notification {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: oklch(var(--su));
  color: oklch(var(--suc, 1));
  padding: 0.6rem 1.5rem;
  border-radius: 30px;
  font-size: 0.9rem;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.25s, transform 0.25s;
  z-index: 1000;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.toast-notification[hidden] {
  display: block !important;
  opacity: 0;
  transform: translateX(-50%) translateY(20px);
}

.toast-notification.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Clip content toggle link */
.clip-content-toggle {
  color: oklch(var(--p));
  font-size: 0.8rem;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin-top: 0.25rem;
  font-family: inherit;
}

.clip-content-toggle:hover {
  text-decoration: underline;
}