@layer page-styles {


.devis-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748B'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 18px;
  padding-right: 2.75rem;
}

.devis-checkbox {
  accent-color: var(--color-primary);
}


#form-devis .devis-card {
  border: 1px solid var(--color-gray-200);
  transition: box-shadow 0.3s ease;
}

#form-devis .devis-card:hover {
  box-shadow: 0 20px 60px -10px rgba(30, 111, 165, 0.15);
}

#form-devis .devis-card-topbar {
  background: linear-gradient(
    90deg,
    var(--color-primary) 0%,
    var(--color-accent) 50%,
    var(--color-secondary) 100%
  );
}
}