/* Schools specific styles */
.school-list .school-item {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  border-left: 2px solid transparent; /* subtle visual indicator */
}

.school-list .school-item:hover {
  background-color: #f8f9fa !important;
  border-left-color: #1b887a;
}

.school-item .bi-chevron-right {
  transition: transform 0.2s ease;
}

.school-item:hover .bi-chevron-right {
  transform: translateX(3px);
  color: #1b887a !important;
}

/* Modal specific styling */
#addSchoolModal .modal-content {
  box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.upload-logo-area {
  border: 2px dashed #1b887a;
  border-radius: 8px;
  background-color: rgba(27, 136, 122, 0.05);
  transition: background-color 0.2s ease;
}

.upload-logo-area:hover {
  background-color: rgba(27, 136, 122, 0.1);
}

.school-logo-placeholder {
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}