/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

/* Custom application styles */
body {
  margin: 0;
  padding: 0;
}

/* Ensure smooth transitions for sidebar toggle */
.sidebar {
  transition: transform 0.3s ease-in-out;
}

/* Mobile sidebar hidden by default */
@media (max-width: 1024px) {
  .sidebar {
    transform: translateX(-100%);
  }
  
  .sidebar.active {
    transform: translateX(0);
  }
}

/* Dropdown menu styles */
.dropdown-menu {
  display: none;
  position: absolute;
}

.dropdown-menu.show {
  display: block;
}

/* Modal styles */
.modal {
  display: none;
}

.modal.show {
  display: block;
}

/* Toast/Notification animations */
.toast-container {
  pointer-events: none;
}

.toast-container > * {
  pointer-events: auto;
}

/* Notification slide-in animation */
.notification-toast {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}