.settings-window {
  width: 460px;

  > .window-body {
    margin: 8px;
  }
}

.settings-panel {
  padding: 3px;

  > .window-body {
    margin: 12px;
    min-height: 220px;
  }

  fieldset {
    margin: 0;
  }
}

.settings-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;

  p {
    margin: 0;
  }
}

.settings-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.settings-window .field-row-stacked {
  margin-bottom: 12px;

  input[type="text"] {
    width: 100%;
    font-family: var(--win-font);
  }

  input[type="text"]:read-only {
    background-color: #fff;
    color: #222;
  }
}

.settings-buttons {
  display: flex;
  gap: 6px;

  button {
    min-width: 110px;
  }
}

.settings-footer {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;

  button {
    min-width: 75px;
  }
}
