/* 
   ShikshaPrime Main Theme CSS
   This file combines all shared CSS files for consistent styling across modules
*/

/* Import variables first */
@import url('./shikshaprime-variables.css');

/* Import base styles */
@import url('./shikshaprime-base.css');

/* Import layout styles */
@import url('./shikshaprime-layout.css');

/* Add any module-specific overrides below this line */

/* Animation keyframes */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@keyframes typing {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); opacity: 1; }
  100% { transform: scale(1); }
}

/* Notification blinking effect */
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.notification-blink {
  animation: blink 1s infinite;
}

/* Special module-specific adjustments can be placed here */

/* Specific custom dashboard styling */
.custom-dashboard h3 {
  margin-bottom: 15px;
}

.custom-dashboard .card .list li{
  display: flex;
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%;
}

.custom-dashboard .card .list li p{
  margin-bottom: 0px;
}

.custom-dashboard .card .list li p:first-child{
  flex: 0 0 80%;
  font-weight: 700;
  color: var(--bg-color);
}

.custom-dashboard .card .list li p:last-child {
  color: var(--primary-color);
  font-weight: 600;
  flex: 0 0 20%;
  text-align: right;
}

.custom-dashboard .card .list li:last-child {
  margin-bottom: 0px;
}

.notification-markbtn.text-primary {
  color: var(--bg-color) !important;
}