/*

 */
/* Modern CSS for EMIS School Management System */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
/* line 9, app/assets/stylesheets/application.css.scss */
.font-inter {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Import public styles with Tailwind */
/* line 2, app/assets/stylesheets/public.css.scss */
.bg-grid-pattern {
  background-image: radial-gradient(circle at 1px 1px, rgba(59, 130, 246, 0.15) 1px, transparent 0);
  background-size: 20px 20px;
}

/* Sidebar collapse styles */
/* line 17, app/assets/stylesheets/application.css.scss */
.sidebar-collapsed .sidebar-text {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Tooltip styles for collapsed sidebar */
/* line 24, app/assets/stylesheets/application.css.scss */
.sidebar-collapsed [title] {
  position: relative;
}

/* line 28, app/assets/stylesheets/application.css.scss */
.sidebar-collapsed [title]:hover::after {
  content: attr(title);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: #374151;
  color: white;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  z-index: 1000;
  margin-left: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* line 46, app/assets/stylesheets/application.css.scss */
.sidebar-collapsed [title]:hover::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-right-color: #374151;
  margin-left: -0.5rem;
  z-index: 1001;
}

/* Smooth transitions for sidebar elements */
/* line 59, app/assets/stylesheets/application.css.scss */
#sidebar {
  transition: width 0.3s ease-in-out;
}

/* line 63, app/assets/stylesheets/application.css.scss */
#main-content {
  transition: margin-left 0.3s ease-in-out, padding-left 0.3s ease-in-out;
}

/* Hide submenu items when sidebar is collapsed */
/* line 68, app/assets/stylesheets/application.css.scss */
.sidebar-collapsed .submenu-expanded {
  display: none !important;
}

/* Better hover effects for collapsed sidebar */
/* line 73, app/assets/stylesheets/application.css.scss */
.sidebar-collapsed li > a:hover,
.sidebar-collapsed li > div:hover {
  background-color: #f3f4f6;
}

/* Essential legacy styles - to be migrated to Tailwind classes */
/* line 79, app/assets/stylesheets/application.css.scss */
button a {
  color: #fff;
}

/* line 83, app/assets/stylesheets/application.css.scss */
body {
  overflow-x: hidden !important;
}

/* line 87, app/assets/stylesheets/application.css.scss */
.list-group-item-text {
  font-size: 15px;
  color: black;
}

/* line 92, app/assets/stylesheets/application.css.scss */
.fancybox-title {
  position: absolute;
  top: -34px;
  left: 0;
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

/* line 103, app/assets/stylesheets/application.css.scss */
.fancybox-title-float-wrap {
  position: absolute;
  z-index: 8030;
}