/* Custom styles for the Clinic Management App */

/* Add padding to the bottom to account for the fixed footer */
body {
  padding-bottom: 70px;
}

/* Custom form styles */
.form-input:focus {
  border-color: #10B981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}

/* Custom card hover effect */
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

/* Custom button styles */
.btn-primary {
  background-color: #10B981;
  color: white;
}

.btn-primary:hover {
  background-color: #059669;
}

/* Custom alert styles */
.alert-success {
  background-color: #D1FAE5;
  border-color: #10B981;
  color: #065F46;
}

.alert-danger {
  background-color: #FEE2E2;
  border-color: #EF4444;
  color: #B91C1C;
}

.alert-warning {
  background-color: #FEF3C7;
  border-color: #F59E0B;
  color: #92400E;
}

/* Prescription styles */
.prescription-container {
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.prescription-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #10B981;
}

.clinic-logo {
  max-width: 150px;
  max-height: 80px;
}

.clinic-info {
  text-align: right;
}

.patient-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #F9FAFB;
  border-radius: 6px;
}

.prescription-list {
  margin-top: 20px;
}

.prescription-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  background-color: #F9FAFB;
}

.prescription-item:hover {
  background-color: #F3F4F6;
}

.drug-info {
  flex: 1;
}

.remove-drug-btn {
  background-color: #EF4444;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
}

.remove-drug-btn:hover {
  background-color: #DC2626;
}

.drug-search-container {
  position: relative;
  margin-bottom: 15px;
}

#drug-suggestions {
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #E5E7EB;
  border-radius: 0 0 6px 6px;
  z-index: 10;
}

.suggestion-item {
  padding: 8px 12px;
  cursor: pointer;
}

.suggestion-item:hover {
  background-color: #F3F4F6;
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }
  
  body {
    padding: 0;
    margin: 0;
  }
  
  .print-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 20px;
  }
  
  .print-header {
    text-align: center;
    margin-bottom: 20px;
  }
  
  .print-footer {
    text-align: center;
    margin-top: 30px;
    font-size: 12px;
    color: #6B7280;
  }
  
  .prescription-container {
    border: none;
    padding: 0;
  }
  
  .prescription-header {
    border-bottom: 2px solid #000;
  }
  
  .prescription-item {
    border: none;
    border-bottom: 1px solid #E5E7EB;
    border-radius: 0;
  }
}