.repair-authorization-section {
  grid-column:
    1 / -1;

  margin-top:
    4px;

  padding:
    18px;

  border:
    1px solid
    var(--line);

  border-radius:
    14px;

  background:
    rgba(
      255,
      255,
      255,
      .025
    );
}

.repair-authorization-heading {
  display: flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    14px;

  margin-bottom:
    14px;
}

.repair-authorization-heading h3 {
  margin:
    4px
    0
    0;
}

.repair-authorization-status {
  flex:
    0 0 auto;

  padding:
    5px
    9px;

  border:
    1px solid
    var(--line);

  border-radius:
    999px;

  font-size:
    .78rem;

  color:
    var(--muted);
}

.repair-authorization-status.pending {
  color:
    inherit;
}

.repair-authorization-status.signed {
  font-weight:
    700;
}

.repair-authorization-status.bypassed {
  color:
    var(--muted);
}

.repair-authorization-bypass {
  display:
    flex !important;

  align-items:
    center;

  gap:
    10px;

  margin:
    0;

  padding:
    12px;

  border:
    1px solid
    var(--line);

  border-radius:
    10px;

  cursor:
    pointer;
}

.repair-authorization-bypass input {
  width:
    auto;

  min-width:
    auto;

  margin:
    0;
}

.repair-authorization-bypass-fields {
  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:
    12px;

  margin-top:
    12px;
}

.repair-authorization-bypass-fields label {
  margin:
    0;
}

#repair-authorization-message {
  margin:
    14px
    0
    0;
}

.repair-authorization-actions {
  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:
    10px;

  margin-top:
    14px;
}

.repair-authorization-actions button {
  min-height:
    44px;
}

.repair-authorization-actions button:disabled {
  cursor:
    not-allowed;

  opacity:
    .45;
}


@media (
  max-width: 720px
) {
  .repair-authorization-heading {
    flex-direction:
      column;
  }

  .repair-authorization-bypass-fields,
  .repair-authorization-actions {
    grid-template-columns:
      1fr;
  }

  .repair-authorization-actions button {
    width:
      100%;
  }
}