/* #A1C935
#003366 */

.bg-gradient-primary
{
    background: linear-gradient(87deg,  #A1C935 0,  #A1C935 100%) !important;
}

.btn-primary
{
    color: #fff;
    border-color: #003366;
    background-color: #003366;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-primary:hover
{
    color: #fff;
    border-color: #003366; 
    background-color: #003366;
}

.bg-primary
{
    background-color: #A1C935 !important;
}

  /* Estilização do dropdown */
  .ts-dropdown {
    position: absolute !important;
    z-index: 9999 !important; /* Garante visibilidade */
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  /* Ajuste para os checkmarks */
  .ts-dropdown .flex {
    padding: 0.5rem 1rem;
  }




  /* ---- reset ---- */

canvas {
  display: block;
  vertical-align: bottom;
}
#js-particulas {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #212123;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.contador__particulas {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13e8e9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-weight: bold;
}
.js-contador__particulas {
  font-size: 1.1em;
}
#status,
.contador__particulas {
  -webkit-user-select: none;
}
#status {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.contador__particulas {
  border-radius: 0 0 3px 3px;
}


#module-options li.selected {
  background-color: #e0f2fe;
}
#module-options li.selected i.fa-check {
  display: inline;
}


[x-cloak] {
  display: none !important;
}


.expand-icon {
    transition: transform 0.2s ease;
}

.expand-icon.rotated {
    transform: rotate(90deg);
}

.details-row {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 1200px;
    }
}

.activity-timeline {
    position: relative;
}

.activity-timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e5e7eb;
}

.activity-item {
    position: relative;
    padding-left: 40px;
}

.activity-item::before {
    content: '';
    position: absolute;
    left: 11px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3b82f6;
}