.main-header {
  display: flex;
  justify-content: space-between; /* Pushes items to far left and right */
  align-items: center;           /* Vertically centers the logo and H2 */
  padding: 10px 20px;
  /*background-color: #f4f4f4; */
  /*background-color: #f1f1f1; */
  background-color: #ffffff;
}
.logo img {
  height: 52px; /* Adjust based on your logo size */
  display: block;
}
.header-title {
  margin: 0;
  font-family: sans-serif;
  /*color:rgb(10, 46, 57);*/
  color: #235B92;
}

.welcome-msg {
        margin: 0;
        font-size: 1.2rem;
        font-weight: bold;
}
.welcome-msg2 {
        margin: 5px 0 0;
        font-size: 0.9rem;
        color: #666; 
}        
.error-msg {
        margin: 5px 0 0;
        font-size: 0.9rem;
        color: red;
}        

.form-container {
  /*background-color: #e7f3ff;*/
  background-color:   #e6f7ff;
  padding: 10px;
  border-radius: 15px; /* Creates the rounded effect */
  width: fit-content;
  margin-top: 5px;
  margin-bottom: 5px;
}

.xyzform-container input {
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.hidden { display: none; }



.bg-entry-form { color: c7ebfc;}

.error {color: red;}

.navbar {
  display: flex;
  justify-content: space-between; /* Pushes items to opposite ends */
  align-items: center;            /* Vertically centers the logo and links */
  padding: 1rem 2rem;
  background-color: #f8f9fa;
}

.nav-links ul {
  display: flex;
  list-style: none;
  gap: 20px;
}
.htmx-indicator{
    display:none;
}
.htmx-request .htmx-indicator{
    display:inline;
}
.htmx-request.htmx-indicator{
    display:inline;
}
.filter-green{
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
.filter-blue{
    filter: invert(30%) sepia(20%) saturate(1868%) hue-rotate(169deg) brightness(98%) contrast(92%);
}