.srvai-audio-option {
  margin-top: 14px;
  padding: 13px 14px;

  border:
    1px solid rgba(55, 153, 182, .18);

  border-radius: 13px;

  background:
    rgba(31, 161, 190, .045);
}

.srvai-audio-option-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.srvai-audio-check {
  display: flex;
  align-items: center;
  gap: 11px;

  cursor: pointer;
}

.srvai-audio-check input {
  width: 17px;
  height: 17px;
}

.srvai-audio-check span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.srvai-audio-check strong {
  font-size: 14px;
}

.srvai-audio-check small {
  font-size: 11px;
  opacity: .65;
}

.srvai-audio-configure {
  flex: 0 0 auto;

  padding: 7px 11px !important;

  font-size: 12px !important;

  border-radius: 9px !important;
}

.srvai-audio-summary {
  margin-top: 9px;

  font-size: 11px;
  opacity: .7;
}


/* ==========================================================
   MODALE
   ========================================================== */

.srvai-audio-dialog {
  width:
    min(
      590px,
      calc(100vw - 32px)
    );

  max-height:
    min(
      820px,
      calc(100vh - 40px)
    );

  padding: 0;

  border:
    1px solid
    rgba(55, 135, 165, .22);

  border-radius: 20px;

  background:
    var(--panel, #fff);

  color:
    var(--text, #17324a);

  box-shadow:
    0 28px 80px
    rgba(18, 55, 75, .28);

  overflow: auto;
}

.srvai-audio-dialog::backdrop {
  background:
    rgba(14, 31, 43, .45);

  backdrop-filter:
    blur(7px);

  -webkit-backdrop-filter:
    blur(7px);
}


#srvaiAudioForm {
  padding: 26px;
}


.srvai-audio-head {
  display: flex;
  align-items: center;
  gap: 14px;

  margin-bottom: 22px;
}

.srvai-audio-icon {
  display: grid;
  place-items: center;

  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  border-radius: 14px;

  background:
    rgba(29, 164, 194, .12);

  font-size: 22px;
}

.srvai-audio-head h3 {
  margin: 0 0 4px;

  font-size: 21px;
}

.srvai-audio-head p {
  margin: 0;

  font-size: 13px;
  opacity: .65;
}


.srvai-audio-field {
  margin-top: 17px;
}

.srvai-audio-field label {
  display: block;

  margin-bottom: 7px;

  font-size: 13px;
  font-weight: 700;
}

.srvai-audio-field label span {
  opacity: .55;
  font-weight: 400;
}

.srvai-audio-field textarea,
.srvai-audio-field select {
  width: 100%;

  box-sizing: border-box;

  border:
    1px solid
    rgba(98, 130, 148, .28);

  border-radius: 11px;

  padding: 10px 12px;

  font-family: inherit;
  font-size: 13px;

  resize: vertical;
}

.srvai-audio-field small {
  display: block;

  margin-top: 5px;

  font-size: 11px;
  opacity: .55;
}


.srvai-audio-info {
  display: flex;
  flex-direction: column;
  gap: 3px;

  margin-top: 19px;
  padding: 11px 13px;

  border-radius: 11px;

  background:
    rgba(100, 135, 155, .07);

  font-size: 11px;
}

.srvai-audio-info strong {
  margin-bottom: 3px;
}


.srvai-audio-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;

  margin-top: 23px;
}

.srvai-audio-actions button {
  min-width: 130px;
}