survey-creator,
.svc-creator {
  zoom: 85% !important;
}

:root {
  --sjs-font-size: 0.8rem; /* Set default font size */
}

.sd-root, 
.sd-container, 
.svc-container, 
.svc-tab-designer, 
.svc-creator {
  font-size: 0.8rem !important;
}

.svc-question__content, 
.svc-question__editor, 
.svc-question__title, 
.svc-text-editor, 
input, textarea {
  font-size: 0.8rem !important;
}

.sd-row {
  margin-top: 10px !important;
  justify-content: center !important;
}

.sd-file {
  min-height: 50px !important;
}

.separator {
  background-color: #44a8c1; /* Updated color */
  color: white;
  padding: 10px;
  text-align: left;
  font-size: 12px !important;
  font-weight: bold;
  border-radius: 5px;
  margin: 20px 0;
}
.sd-element__title span,
.sd-input,
.sd-dropdown__value,
.sd-table__cell--header span,
.sd-dropdown input[readonly] {
  font-size: 0.8rem !important;
}
.sd-panel__header {
  font-size: 1rem !important;
}
.sd-description {
  font-size: 0.65rem !important;
}
.sd-panel__content {
  font-size: 0.65rem !important;
}

.sd-title.sd-container-modern__title {
  height: 120px !important;
}
.sd-title.sd-container-modern__title .sd-logo__image {
  width: 200px;
  height: auto !important;
}

.sd-header__text .sd-title {
  font-size: 1.5rem !important;
  color: #44a8c1 !important;
}
.sd-panel__content {
  padding-top: 2% !important;
}

.sd-item__control-label .sv-string-viewer {
  font-size: 0.8rem !important;
}

.sd-file__drag-area-placeholder {
  font-size: 0.8rem !important;
}

.sd-input {
  background-color: #fdfdfd !important;
}

.sd-input.sd-input--readonly {
  background-color: #f1f1f1 !important;
}

.sd-btn {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 6px 12px !important; /* Compact padding */
  background: #44a8c1 !important; /* Use primary color for background */
  border-radius: 4px; /* Subtle rounded corners */
  cursor: pointer;
  font-family: var(
    --sjs-font-family,
    var(--font-family, var(--sjs-default-font-family))
  );
  font-style: normal;
  font-weight: 600;
  font-size: 10px; /* Smaller font size */
  line-height: 1.2; /* Adjust line height */
  text-align: center;
  color: #fff; /* White text for contrast */
  border: 1px solid #44a8c1 !important; /* Subtle border */
  outline: none;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
  transition: all 150ms ease-in-out; /* Smooth transition */
}

.sd-body__navigation.sd-action-bar {
  justify-content: end !important;
}

/* when the bar itself carries .disabled-nav … */
.sd-action-bar.disabled-nav .sd-btn,
.sd-action-bar.disabled-nav input[disabled],
.sd-action-bar.disabled-nav button[disabled] {
  background-color: #6c757d !important;
  border-color:     #6c757d !important;
  color: #fff !important;
}