/* Dashboard Specific Overrides */

/* Oracle Toast animation */
@keyframes toast-slide-in {
  from {
    opacity: 0;
    transform: translateX(110%) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

.oracle-toast {
  animation: toast-slide-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

/* Forms */
input,
select {
    font-family: inherit;
    outline: none;
}

/* Custom Select with icon */
.custom-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 3rem !important;
    /* Space for the arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
}

/* Flash highlight for live-inserted rows */
@keyframes highlight-fade {
    0% { background-color: rgba(15, 158, 186, 0.2); }
    100% { background-color: transparent; }
}

.animate-highlight {
    animation: highlight-fade 3s ease-out;
}

/* Widget fade-in animation */
@keyframes fade-in {
    0% { opacity: 0; transform: translateY(8px) scale(0.98); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

.animate-fade-in {
    animation: fade-in 0.3s ease-out;
}

/* Widget edit-mode wiggle (iOS style) */
@keyframes wiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-0.5deg); }
    75% { transform: rotate(0.5deg); }
}

.animate-wiggle {
    animation: wiggle 0.3s ease-in-out infinite;
}