body {
  font-family: Arial, sans-serif;
  padding: 20px;
  max-width: 900px;
  margin: auto;
}

form label {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}

form input, form select {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

button[type="submit"] {
  background-color: #007BFF;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 10px;
}

/* .email-wrapper {
      position: relative;
      width: 100%;
      max-width: 500px;
      font-family: sans-serif;
    }

.email-wrapper input {
      width: 100%;
      padding-right: 140px; 
      padding-left: 10px;
      height: 40px;
      font-size: 16px;
      box-sizing: border-box;
    }

.fixed-domain {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #555;
      font-size: 16px;
      pointer-events: none;
    } */

.email-wrapper {
      position: relative;
      width: 100%;
      max-width: 400px;
    }

    .email-wrapper input {
      width: 100%;
      padding-right: 150px;
      height: 40px;
      font-size: 16px;
      box-sizing: border-box;
    }

    .fixed-domain {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #888;
      pointer-events: none;
      font-size: 16px;
    }

.audit-section {
  margin-top: 40px;
}

.audit-section-tm {
  margin-top: 40px;
}

.add-row-btn {
  background-color: #28a745;
  color: white;
  padding: 6px 12px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 10px;
}

.add-row-btn-tm {
  background-color: #28a745;
  color: white;
  padding: 6px 12px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 10px;
}

.delete-row-btn {
  background-color: red;
  color: white;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 14px;
}

.delete-row-btn-tm {
  background-color: red;
  color: white;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 14px;
}

.audit-tb {
  width: 100%;
  border-collapse: collapse;
}

.audit-tb th,
.audit-tb td {
  border: 1px solid #ccc;
  padding: 8px;
}

.audit-tb-tm {
  width: 100%;
  border-collapse: collapse;
}

.audit-tb-tm th,
.audit-tb-tm td {
  border: 1px solid #ccc;
  padding: 8px;
}

input[type="text"] {
  width: 100%;
  box-sizing: border-box;
}

.ui-state-highlight {
  background-color: #fffae6;
  height: 40px;
  border: 2px dashed #aaa;
}