/* Custom styles for Unfold admin integrations (source SCSS). */
:root {
  --color-primary-50: #e0f1ff!important;
  --color-primary-100: #caf0f8!important;
  --color-primary-200: #ade8f4!important;
  --color-primary-300: #90e0ef!important;
  --color-primary-400: #48cae4!important;
  --color-primary-500: #00b4d8!important;
  --color-primary-600: #0096c7!important;
  --color-primary-700: #0077b6!important;
  --color-primary-800: #023e8a!important;
  --color-primary-900: #03045e!important;
  --color-primary-950: rgb(0, 24, 72)!important;
}

/* Buttons used in custom admin pages */
.button {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 11px;
}
.button.accent1 {
  background: #1a54b3;
  color: #fff;
}
.button.accent2 {
  background: #2a8685;
  color: #fff;
}

.button--primary {
  background: #417690;
  color: #fff;
}

.button--success {
  background: #28a745;
  color: #fff;
}

.button--purple {
  background: #6f42c1;
  color: #fff;
}

/* Lists and cards used in consumption/relations pages */
.consumption-layers {
  margin-top: 20px;
}

.layer-group {
  margin-bottom: 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
  background-color: #f9f9f9;
}

.layer-title {
  margin: 0 0 15px 0;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #417690;
  padding-bottom: 8px;
}

.product-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-item {
  margin-bottom: 8px;
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-link {
  color: #417690;
  text-decoration: none;
  font-weight: 500;
}

.variants-link {
  background: #28a745;
  color: #fff;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 11px;
}

.actions {
  margin-bottom: 20px;
}

.actions .button {
  background: #417690;
  color: #fff;
  padding: 10px 15px;
  border-radius: 4px;
}

@media (min-width: 768px) {
  .field-zuzycie_m, .field-zuzycie, .field-zuzycie_d, .field-zuzycie_ch_w, .field-param, .field-param2, .field-grubosc_od, .field-grubosc_do, .field-grubosc_default, .field-wieszak_g, .field-wieszak_n {
    padding-block: unset;
    width: 33%;
    float: left;
    margin: 10px 0px;
  }
}

@media (min-width: 768px) {
  .field-wieszak_w1, .field-wieszak_w2, .field-wieszak_w3, .field-wieszak_w4,
  .field-wieszak_r1, .field-wieszak_r2, .field-wieszak_r3, .field-wieszak_r4 {
    padding-block: unset;
    width: 25%;
    float: left;
    margin: 10px 0px;
  }
}

@media (min-width: 768px) {
  #productpackage_form .field-kod_ean, #productpackage_form .field-nazwa, #productpackage_form .field-nazwa222, #productpackage_form .field-factory, #productpackage_form .field-supplier, #productpackage_form .field-matnr, #productpackage_form .field-plant, #productpackage_form .field-sklad, #productpackage_form .field-sdorg, #productpackage_form .field-prodh, #productpackage_form .field-promo, #productpackage_form .field-jednostka_bazowa, #productpackage_form .field-jednostka, #productpackage_form .field-stawka_vat, #productpackage_form .field-wielkosc, #productpackage_form .field-bucal, #productpackage_form .field-sucal, #productpackage_form .field-pucal, #productpackage_form .field-wydajnosc, #productpackage_form .field-jednostka_bazowa_kalk, #productpackage_form .field-jednostka_bazowa_kalk2, #productpackage_form .field-pucal_m, #productpackage_form .field-wsk_konf, #packages-group .field-kod_ean, #packages-group .field-nazwa, #packages-group .field-nazwa222, #packages-group .field-factory, #packages-group .field-supplier, #packages-group .field-matnr, #packages-group .field-plant, #packages-group .field-sklad, #packages-group .field-sdorg, #packages-group .field-prodh, #packages-group .field-promo, #packages-group .field-jednostka_bazowa, #packages-group .field-jednostka, #packages-group .field-stawka_vat, #packages-group .field-wielkosc, #packages-group .field-bucal, #packages-group .field-sucal, #packages-group .field-pucal, #packages-group .field-wydajnosc, #packages-group .field-jednostka_bazowa_kalk, #packages-group .field-jednostka_bazowa_kalk2, #packages-group .field-pucal_m, #packages-group .field-wsk_konf {
    padding-block: unset;
    width: 50%;
    float: left;
    margin: 10px 0px;
  }
}

.model-dealer.change-list .field-name a {
  font-weight: 700;
}

.opacity-60 {
  opacity: 0.6;
}