/* label.css - Warning and Error panel styles using ID mapping */

div[id$="_warnPanel"] {
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 15px;
  border-radius: 8px;
  background-color: var(--dx-color-warning-light, #fff3cd) !important;
  line-height: 20px;
  padding-left: 20px;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
}

div[id$="_warnBtn"].dx-button {
  margin-bottom: 0 !important;
  border-radius: 50px;
  background-color: #b9a709 !important;
  color: #fff !important;
  border: none !important;
}

div[id$="_errorPanel"] {
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 15px;
  border-radius: 8px;
  background-color: var(--dx-color-primary-light, #f8d7da) !important;
  line-height: 20px;
  padding-left: 20px;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
}

div[id$="_errorBtn"].dx-button {
  margin-bottom: 0 !important;
  border-radius: 50px;
  background-color: var(--tskb-main, #dc3545) !important;
  color: #fff !important;
  border: none !important;
}

div[id$="_warnLabel"],
div[id$="_errorLabel"] {
  margin-left: 0 !important;
  font-weight: 500;
}

/* Panel caption label styles (e.g. file uploader panels) */
div[id$="_caption"] {
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-weight: 600;
  font-size: 15px;
  color: #333;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
}