/* 
=============================================
| SAFETYBUDDY - MEDICAL-INFO.CSS            |
| Version: 2.1.0     
/  Last Updated: 2025-05-17                  |
| Author: Bill & Monica DeepSeek V3    
| Styles for medical info dashboard          |
| Breakpoints: 768px, 1024px                |
=============================================
*/
/* Core Layout */
body {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  color: #333;
}

main {
  margin-left: 250px;
  padding: 20px;
  padding-top: 80px;
}

/* Auth Message */
.auth-message {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Info Sections */
.info-section {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  position: relative;
}

/* ... ALL other original styles ... */

/* Media Queries */
@media (max-width: 768px) {
  main {
    margin-left: 0;
    padding: 15px;
    padding-top: 70px;
  }
  /* Add to medical-info.css */
#sidebar {
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 1000; /* Ensure it's above other elements */
}

#sidebar.active {
  transform: translateX(0);
}

#menu-toggle {
  cursor: pointer;
  z-index: 1100; /* Higher than sidebar */
}
/* Add to medical-info.css */
.medical-actions {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.medical-btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.2s;
}

.btn-edit {
  background: #4285F4;
  color: white;
}

.btn-delete {
  background: #EA4335;
  color: white;
}

.btn-add {
  background: #34A853;
  color: white;
}

.medical-btn:hover {
  filter: brightness(90%);
  transform: translateY(-1px);
}


}

@media print {
  .sidebar, site-header, .edit-btn { display: none !important; }
}