/* Fonts */
:root {
  --font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Poppins", sans-serif;
}

/* Colors */
/* :root {
  --color-default: #222222;
  --color-primary: #008374;
  --color-secondary: #f85a40;
} */
:root {
  --color-default: #222222;
  --color-primary: #36415a;
  --color-secondary: #f85a40;
}



/* Smooth scroll behavior */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: var(--font-default);
  color: var(--color-default);
}

#equipment-image {
  max-width: 150px;
}


.drag-and-drop {
  width: 400px;
  padding: 20px;
  border: 2px dashed #ccc;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  transition: background-color 0.3s ease;
}
.drag-and-drop.drag-over {
  background-color: #e3e3e3;
  border-color: #333;
}
.file-list {
  margin-top: 20px;
  text-align: left;
}
.file-list p {
  margin: 5px 0;
  font-size: 14px;
}

.dropdown-menu-contacts {
    position: absolute;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    cursor: pointer;
}
.dropdown-menu-contacts li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.dropdown-menu-contacts li:hover {
    background-color: #f0f0f0;
}

/* Badge backgrounds para recursos de contrato */
.bg-app {
  background-color: #846358 !important;
  color: #fff !important;
}
.bg-locacao {
  background-color: #f15906 !important;
  color: #fff !important;
}
.bg-software {
  background-color: #2dceab !important;
  color: #fff !important;
}
.bg-suporte {
  background-color: #008374 !important;
  color: #fff !important;
}
.bg-treinamento {
  background-color: #6c757d !important;
  color: #fff !important;
}
.bg-instalacao {
  background-color: #495057 !important;
  color: #fff !important;
}