/* Global Styles - Due Date Control System */

/* Hide scrollbar while keeping functionality */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.8);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 116, 139, 0.5) transparent;
}

/* Body base styles */
body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

/* Material Symbols font configuration */
.material-symbols-outlined {
  font-variation-settings:
    "FILL" var(--fill, 0),
    "wght" var(--wght, 400),
    "GRAD" var(--grad, 0),
    "opsz" var(--opsz, 24);
}

/* Animations */
@keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

/* Focus styles for accessibility */
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: none;
}

/* Remove default input appearance */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Smooth transitions */
* {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}