.unidades-form-wrap {
  width: 100%;;
  margin: 0 auto;
}

.unidades-titulo {
  display: flex;
  align-items: left;
  gap: .5rem;
  margin: 0;
  font-family: var(--font-destaque);
  font-weight: 700;
  color: var(--rest-texto);
}

.unidades-titulo .bi {
  color: var(--rest-primaria);
  opacity: .9;
  font-size: 1.25rem;
}

.unidades-form {
  padding: 18px;
  display: grid;
  gap: 14px;
}

.unidades__field__row {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 14px;
}

.unidades-row {
  display: grid;
  grid-template-columns: minmax(110px, 160px) 1fr minmax(90px, 140px);
  gap: 14px;
}

.unidades-field {
  display: grid;
  gap: 6px;
}

.cadastro__unidades__input {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cadastro__unidades__input .cadastro__unidades__label {
    position: absolute;
    top: .6rem;
    left: 1rem;
    background: var(--rest-branco);
    padding: 0 6px;
    color: var(--rest-texto);
    font-size: .85rem;
    font-weight: var(--font-semibold);
    z-index: 1;
    pointer-events: none;
}

.cadastro__unidades__input input,
.cadastro__unidades__input textarea,
.cadastro__unidades__input select {
    width: 100%;
    padding: 18px 12px 12px 12px;
    font-size: 1rem;
    border: 1px solid var(--rest-borda);
    border-radius: 8px;
    background: var(--rest-fundo);
    color: var(--rest-texto);
    font-family: var(--font-texto);
    transition: border-color .3s ease;
    box-sizing: border-box;
    margin-top: 20px;
    height: 50px;
}

.cadastro__unidades__input input::placeholder,
.cadastro__unidades__input textarea::placeholder {
    color: var(--rest-preto);
    opacity: .6;
    font-size: 16px !important;
}

.cadastro__unidades__input input:focus,
.cadastro__unidades__input textarea:focus,
.cadastro__unidades__input select:focus {
    border-color: var(--rest-hover);
    outline: none;
}

.cadastro__unidades__input input:focus+.cadastro_combo-label,
.cadastro__unidades__input textarea:focus+.cadastro_combo-label,
.cadastro__unidades__input select:focus+.cadastro_combo-label {
    color: var(--rest-hover);
}

.unidades-errorlist {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: .9rem;
  color: var(--rest-branco);
  background: var(--rest-erro);
  border-radius: 10px;
  padding: 8px 10px;
}

.unidades-field .errorlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.unidades-field .errorlist li {
  margin-top: -2px;
  font-size: .88rem;
  color: var(--rest-erro);
}

.unidades-botoes {
    display: flex;
    gap: .6rem;
    margin-top: 50px;
    margin-bottom: 50px;
    justify-content: space-between;
}

.unidades-botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .95rem;
    font-size: .85rem;
    border-radius: 10px;
    border: 1px solid transparent;
    font-family: var(--font-destaque);
    font-weight: 600;
    text-decoration: none;
    box-shadow: var(--rest-sombra);
    line-height: 1;
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    transition: transform .3s ease, box-shadow .2s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.unidades-botao .bi {
    font-size: 1rem;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    transform-origin: center;
    transition: inherit;
}

.unidades-botao.salvar {
    background: var(--rest-principal);
    color: var(--rest-branco);
    padding: .80rem 2rem;
}

.unidades-botao.cancelar {
    background: var(--rest-erro);
    color: var(--rest-branco);
    padding: .80rem 2rem;
}

.unidades-botao:hover {
  transform: scale(1.03);
}

.unidades-botao:active {
  transform: scale(1.035);
}

.unidades-voltar {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-top: 12px;
  font-family: var(--font-destaque);
  font-weight: 600;
  text-decoration: none;
  color: var(--rest-primaria);
}

.configuracoes__card__unidades__row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  position: relative;
  z-index: 10;
  width: 100%;
  margin-top: 20px;
}

.configuracoes__card__unidadescard {
  position: relative;
  background-color: var(--rest-card);
  border: 1px solid var(--rest-borda);
  border-radius: var(--rest-radius);
  padding: 24px;
  flex: 1 1 520px;
  min-width: 600px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

.configuracoes__card__unidadescard::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #6b0400, #e53935);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.configuracoes__card__unidadescard:hover {
  transform: translateY(-4px);
}

.configuracoes__card__unidadescard:hover::before {
  transform: scaleX(1);
}

.configuracoes__card__unidadescard h3 {
  margin: 0 0 16px 0;
  color: var(--rest-primaria);
  font-family: var(--font-destaque);
  font-size: 20px;
  border-left: 4px solid var(--rest-primaria);
  padding-left: 12px;
}

.configuracoes__card__dias__carousel {
   display: flex;
  overflow-x: auto;
  gap: 12px;
  padding: 8px 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--rest-primaria) transparent;
}

.configuracoes__card__dias__carousel ::-webkit-scrollbar {
  height: 6px;
}

.configuracoes__card__dias__carousel ::-webkit-scrollbar-thumb {
  background: var(--rest-primaria);
  border-radius: 8px;
}

.configuracoes__card__dias__carousel ::-webkit-scrollbar-track {
  background: transparent;
}

.configuracoes__card__dias__carousel  label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 115px;
  height: 48px;
  padding: 8px 12px;
  border-radius: var(--rest-radius);
  background-color: var(--rest-card);
  border: 1px solid var(--rest-borda);
  font-family: var(--font-destaque);
  font-weight: 600;
  font-size: 14px;
  color: var(--rest-texto);
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  user-select: none;
}

.configuracoes__card__dias__carousel  input[type="checkbox"] {
  display: none;
}

.configuracoes__card__dias__carousel  input[type="checkbox"]:checked+label,
.configuracoes__card__dias__carousel  label:has(input[type="checkbox"]:checked) {
  background-color: var(--rest-primaria);
  color: var(--rest-branco);
  border-color: var(--rest-primaria);
  font-weight: 700;
}

.configuracoes__card__dias__carousel  label:hover {
  background-color: var(--rest-hover);
  color: var(--rest-branco);
}